@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/calcite-alert.js.map

@@ -1 +0,0 @@
-{"file":"calcite-alert.js","mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,IAAI,GAAG;AACpB,EAAE,SAAS,EAAE,OAAO;AACpB,CAAC,CAAC;AACK,MAAM,SAAS,GAAG;AACzB,EAAE,IAAI,EAAE,KAAK;AACb,EAAE,MAAM,EAAE,KAAK;AACf,EAAE,IAAI,EAAE,IAAI;AACZ,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,IAAI,EAAE,MAAM;AACd,CAAC;;ACjBD,MAAM,QAAQ,GAAG,opUAAopU;;MCoBxpU,KAAK;EAChB;;;;;;;;;;;;;;;;;;;;IAWE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;IAEpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;;IAElB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;IAEzB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC;;IAE9D,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;;;;;;IAMpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;;IAEhC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;;IAE1B,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;;;;;;IAMjB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;;IAE1B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;;IAEhB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;;IAErB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACpB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAC7B,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;;;;;;IAMpC,IAAI,CAAC,eAAe,GAAG,CAAC,EAAE;MACxB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;MACvB,yBAAyB,CAAC,IAAI,CAAC,CAAC;KACjC,CAAC;;IAEF,IAAI,CAAC,UAAU,GAAG;MAChB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;MACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;MACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;MACvD,IAAI,CAAC,oBAAoB,EAAE,CAAC;MAC5B,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;KAC3D,CAAC;GACH;EACD,aAAa,CAAC,KAAK;IACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;GACnB;EACD,WAAW,CAAC,KAAK;IACf,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAC7B,IAAI,CAAC,4BAA4B,CAAC,IAAI,EAAE,CAAC;MACzC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;IACD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;MACvD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;MAC1D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;GACF;EACD,mBAAmB;IACjB,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GAC3E;EACD,cAAc;IACZ,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,oBAAoB,EAAE;MACjD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;MAC/C,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;KAC9I;GACF;;;;;;EAMD,iBAAiB;IACf,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC;IACtC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;MACzB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;MACvB,IAAI,CAAC,4BAA4B,CAAC,IAAI,EAAE,CAAC;KAC1C;IACD,yBAAyB,CAAC,IAAI,CAAC,CAAC;GACjC;EACD,iBAAiB;IACf,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GAC3E;EACD,oBAAoB;IAClB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,4BAA4B,CAAC,IAAI,CAAC,CAAC;IACnC,mBAAmB,CAAC,IAAI,CAAC,CAAC;GAC3B;EACD,MAAM;IACJ,MAAM,WAAW,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IACnP,qBAAqB,CAAC,mBAAmB,GAAG;MAC1C,MAAM,EAAE,IAAI,CAAC,eAAe;MAC5B,eAAe,EAAE,IAAI,CAAC,eAAe;MACrC,WAAW,EAAE,QAAQ;KACtB,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,qBAAqB,CAAC,eAAe,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC5E,MAAM,UAAU,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,mBAAmB,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7K,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC9E,MAAM,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;IACnD,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC;IACvB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,yBAAyB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QAC5I,SAAS,EAAE,IAAI;QACf,MAAM;QACN,CAAC,SAAS,GAAG,IAAI;OAClB,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,aAAa,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE;GACzc;;EAED,SAAS,CAAC,KAAK;IACb,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;MACrC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACjC;IACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IACrC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC5B,KAAK,CAAC,eAAe,EAAE,CAAC;GACzB;;EAED,aAAa;IACX,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;MAC9C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;MACnB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC1B;IACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,oBAAoB,EAAE,CAAC;GAC7B;;;;;;;EAOD,MAAM,QAAQ;IACZ,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;IACtE,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE;MACrC,OAAO;KACR;SACI,IAAI,WAAW,EAAE;MACpB,WAAW,CAAC,QAAQ,EAAE,CAAC;KACxB;SACI,IAAI,IAAI,CAAC,WAAW,EAAE;MACzB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;KAC1B;GACF;;EAED,oBAAoB;IAClB,IAAI,EAAE,CAAC;IACP,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE,EAAE;MAC9E,IAAI,CAAC,SAAS,EAAE,CAAC;MACjB,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;QAClD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;OAC7G;KACF;SACI;MACH,OAAO;KACR;GACF;EACD,YAAY;IACV,IAAI,CAAC,sBAAsB,CAAC,IAAI,EAAE,CAAC;GACpC;EACD,MAAM;IACJ,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;GAC9B;EACD,aAAa;IACX,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;GACrC;EACD,OAAO;IACL,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;GAC/B;;EAED,SAAS;IACP,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;GACzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/alert/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/alert/alert.css?tag=calcite-alert&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/alert/alert.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const TEXT = {\n  intlClose: \"Close\"\n};\nexport const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000\n};\nexport const SLOTS = {\n  title: \"title\",\n  message: \"message\",\n  link: \"link\"\n};\nexport const CSS = {\n  container: \"container\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-alert-width: Specifies the width of the component.\n*/\n:host([scale=s]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: 0.5rem;\n  --calcite-alert-spacing-token-large: 0.75rem;\n}\n:host([scale=s]) slot[name=title]::slotted(*), \n:host([scale=s]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=s]) slot[name=message]::slotted(*), \n:host([scale=s]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n:host([scale=s]) slot[name=link]::slotted(*), \n:host([scale=s]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n:host([scale=s]) .alert-queue-count {\n  margin-inline: 0.5rem;\n}\n:host([scale=s]) .container {\n  --calcite-alert-min-height: 3.5rem;\n}\n:host([scale=s]) .alert-close {\n  padding: 0.5rem;\n}\n\n:host([scale=m]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: 0.75rem;\n  --calcite-alert-spacing-token-large: 1rem;\n}\n:host([scale=m]) slot[name=title]::slotted(*), \n:host([scale=m]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=m]) slot[name=message]::slotted(*), \n:host([scale=m]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=m]) slot[name=link]::slotted(*), \n:host([scale=m]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=m]) .alert-queue-count {\n  margin-inline: 0.75rem;\n}\n:host([scale=m]) .container {\n  --calcite-alert-min-height: 4.1875rem;\n}\n\n:host([scale=l]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: 1rem;\n  --calcite-alert-spacing-token-large: 1.25rem;\n}\n:host([scale=l]) slot[name=title]::slotted(*), \n:host([scale=l]) *::slotted([slot=title]) {\n  margin-block-end: 0.25rem;\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.375;\n}\n:host([scale=l]) slot[name=message]::slotted(*), \n:host([scale=l]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=l]) slot[name=link]::slotted(*), \n:host([scale=l]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=l]) .alert-queue-count {\n  margin-inline: 1rem;\n}\n:host([scale=l]) .container {\n  --calcite-alert-min-height: 5.625rem;\n}\n\n:host {\n  --calcite-alert-edge-distance: 2rem;\n  display: block;\n}\n:host .container {\n  pointer-events: none;\n  position: fixed;\n  z-index: 500;\n  margin-block: 0px;\n  margin-inline: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: 0;\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  border-radius: var(--calcite-border-radius);\n  border-block-start: 0px solid transparent;\n  border-inline: 1px solid var(--calcite-ui-border-3);\n  border-block-end: 1px solid var(--calcite-ui-border-3);\n  min-block-size: var(--calcite-alert-min-height);\n  inline-size: var(--calcite-alert-width);\n  max-inline-size: calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));\n  max-block-size: 0;\n  transition: var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;\n}\n:host .container.bottom, :host .container.top {\n  inset-inline-end: 0;\n  inset-inline-start: 0;\n}\n:host .container[class*=bottom] {\n  transform: translate3d(0, var(--calcite-alert-edge-distance), 0);\n  inset-block-end: var(--calcite-alert-edge-distance);\n}\n:host .container[class*=top] {\n  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);\n  inset-block-start: var(--calcite-alert-edge-distance);\n}\n:host .container[class*=-start] {\n  inset-inline-start: var(--calcite-alert-edge-distance);\n  inset-inline-end: auto;\n}\n:host .container[class*=-end] {\n  inset-inline-end: var(--calcite-alert-edge-distance);\n  inset-inline-start: auto;\n}\n\n:host([calcite-hydrated-hidden]) {\n  visibility: hidden !important;\n  pointer-events: none;\n}\n\n.container {\n  display: flex;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.alert-close {\n  outline-color: transparent;\n}\n.alert-close:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n:host([open]) .container:not(.queued) {\n  max-block-size: 100%;\n  border-block-start-width: 2px;\n  opacity: 1;\n  pointer-events: initial;\n}\n:host([open]) .container:not(.queued)[class*=bottom] {\n  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);\n}\n:host([open]) .container:not(.queued)[class*=top] {\n  transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);\n}\n\nslot[name=title]::slotted(*), \n*::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n\nslot[name=message]::slotted(*), \n*::slotted([slot=message]) {\n  margin: 0px;\n  display: inline;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n  margin-inline-end: 0.5rem;\n}\n\nslot[name=link]::slotted(*), \n*::slotted([slot=link]) {\n  display: inline-flex;\n  color: var(--calcite-ui-text-link);\n}\n\n.alert-content {\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  padding-inline: var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  overflow-wrap: break-word;\n  background-color: var(--calcite-ui-foreground-1);\n  flex: 1 1 auto;\n  min-inline-size: 0;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: 0 var(--calcite-alert-spacing-token-small);\n  border-end-start-radius: var(--calcite-border-radius);\n  border-end-end-radius: var(--calcite-border-radius);\n}\n.alert-content:first-of-type:not(:only-child) {\n  padding-inline-start: var(--calcite-alert-spacing-token-large);\n}\n.alert-content:only-child {\n  padding: var(--calcite-alert-spacing-token-small);\n}\n\n.alert-icon {\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--calcite-ui-foreground-1);\n  padding-block: 0px;\n}\n\n.alert-close {\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  cursor: pointer;\n  align-self: stretch;\n  overflow: hidden;\n  border-style: none;\n  background-color: var(--calcite-ui-foreground-1);\n  padding-block: 0px;\n  color: var(--calcite-ui-text-3);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-end-end-radius: var(--calcite-border-radius);\n}\n.alert-close:hover,  .alert-close:focus {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n.alert-close:open {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n.alert-queue-count {\n  visibility: hidden;\n  display: flex;\n  cursor: default;\n  align-items: center;\n  justify-content: space-around;\n  align-self: stretch;\n  overflow: hidden;\n  background-color: var(--calcite-ui-foreground-1);\n  text-align: center;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-2);\n  opacity: 0;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  border-inline: 0px solid transparent;\n  border-start-end-radius: 0;\n}\n.alert-queue-count.active {\n  visibility: visible;\n  opacity: 1;\n}\n\n:host([auto-dismiss]) > .alert-queue-count {\n  border-inline-end: 0px solid transparent;\n}\n\n.alert-dismiss-progress {\n  position: absolute;\n  display: block;\n  inline-size: 100%;\n  overflow: hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n}\n.alert-dismiss-progress:after {\n  position: absolute;\n  inset-block-start: 0px;\n  display: block;\n  block-size: 2px;\n  content: \"\";\n  background-color: var(--calcite-alert-dismiss-progress-background);\n  inset-inline-end: 0;\n}\n\n:host([color=blue]) .container {\n  border-block-start-color: var(--calcite-ui-info);\n}\n:host([color=blue]) .container .alert-icon {\n  color: var(--calcite-ui-info);\n}\n\n:host([color=red]) .container {\n  border-block-start-color: var(--calcite-ui-danger);\n}\n:host([color=red]) .container .alert-icon {\n  color: var(--calcite-ui-danger);\n}\n\n:host([color=yellow]) .container {\n  border-block-start-color: var(--calcite-ui-warning);\n}\n:host([color=yellow]) .container .alert-icon {\n  color: var(--calcite-ui-warning);\n}\n\n:host([color=green]) .container {\n  border-block-start-color: var(--calcite-ui-success);\n}\n:host([color=green]) .container .alert-icon {\n  color: var(--calcite-ui-success);\n}\n\n:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after {\n  animation: dismissProgress 6000ms ease-out;\n}\n\n:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after {\n  animation: dismissProgress 10000ms ease-out;\n}\n\n:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after {\n  animation: dismissProgress 14000ms ease-out;\n}\n\n@keyframes dismissProgress {\n  0% {\n    inline-size: 0px;\n    opacity: 0.75;\n  }\n  100% {\n    inline-size: 100%;\n    opacity: 1;\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { getSlotted, setRequestedIcon, toAriaBoolean } from \"../../utils/dom\";\nimport { DURATIONS, SLOTS, TEXT } from \"./resources\";\nimport { StatusIcons } from \"./interfaces\";\nimport { connectOpenCloseComponent, disconnectOpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { connectLocalized, disconnectLocalized, numberStringFormatter } from \"../../utils/locale\";\n/**\n * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n/**\n * @slot title - A slot for optionally adding a title to the component.\n * @slot message - A slot for adding main text to the component.\n * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)\n */\nexport class Alert {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //---------------------------------------------------------------------------\n    /**\n     * When `true`, displays and positions the component.\n     *\n     * @deprecated use `open` instead.\n     */\n    this.active = false;\n    /** When `true`, displays and positions the component. */\n    this.open = false;\n    /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */\n    this.autoDismiss = false;\n    /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */\n    this.autoDismissDuration = this.autoDismiss ? \"medium\" : null;\n    /** Specifies the color for the component (will apply to top border and icon). */\n    this.color = \"blue\";\n    /**\n     * Specifies the text label for the close button.\n     *\n     * @default \"Close\"\n     */\n    this.intlClose = TEXT.intlClose;\n    /** Specifies the placement of the component */\n    this.placement = \"bottom\";\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    this.effectiveLocale = \"\";\n    /** the list of queued alerts */\n    this.queue = [];\n    /** the count of queued alerts */\n    this.queueLength = 0;\n    /** is the alert queued */\n    this.queued = false;\n    this.autoDismissTimeoutId = null;\n    this.trackTimer = Date.now();\n    this.openTransitionProp = \"opacity\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.setTransitionEl = (el) => {\n      this.transitionEl = el;\n      connectOpenCloseComponent(this);\n    };\n    /** close and emit calciteInternalAlertSync event with the updated queue payload */\n    this.closeAlert = () => {\n      this.autoDismissTimeoutId = null;\n      this.queued = false;\n      this.open = false;\n      this.queue = this.queue.filter((el) => el !== this.el);\n      this.determineActiveAlert();\n      this.calciteInternalAlertSync.emit({ queue: this.queue });\n    };\n  }\n  activeHandler(value) {\n    this.open = value;\n  }\n  openHandler(value) {\n    if (this.open && !this.queued) {\n      this.calciteInternalAlertRegister.emit();\n      this.active = value;\n    }\n    if (!this.open) {\n      this.queue = this.queue.filter((el) => el !== this.el);\n      this.calciteInternalAlertSync.emit({ queue: this.queue });\n      this.active = false;\n    }\n  }\n  updateRequestedIcon() {\n    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);\n  }\n  updateDuration() {\n    if (this.autoDismiss && this.autoDismissTimeoutId) {\n      window.clearTimeout(this.autoDismissTimeoutId);\n      this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration] - (Date.now() - this.trackTimer));\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    connectLocalized(this);\n    const open = this.open || this.active;\n    if (open && !this.queued) {\n      this.activeHandler(open);\n      this.openHandler(open);\n      this.calciteInternalAlertRegister.emit();\n    }\n    connectOpenCloseComponent(this);\n  }\n  componentWillLoad() {\n    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);\n  }\n  disconnectedCallback() {\n    window.clearTimeout(this.autoDismissTimeoutId);\n    disconnectOpenCloseComponent(this);\n    disconnectLocalized(this);\n  }\n  render() {\n    const closeButton = (h(\"button\", { \"aria-label\": this.intlClose, class: \"alert-close\", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: \"button\" }, h(\"calcite-icon\", { icon: \"x\", scale: this.scale === \"l\" ? \"m\" : \"s\" })));\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\"\n    };\n    const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;\n    const queueText = numberStringFormatter.numberFormatter.format(queueNumber);\n    const queueCount = (h(\"div\", { class: `${this.queueLength > 1 ? \"active \" : \"\"}alert-queue-count` }, h(\"calcite-chip\", { scale: this.scale, value: queueText }, queueText)));\n    const { active, autoDismiss, label, placement, queued, requestedIcon } = this;\n    const role = autoDismiss ? \"alert\" : \"alertdialog\";\n    const hidden = !active;\n    return (h(Host, { \"aria-hidden\": toAriaBoolean(hidden), \"aria-label\": label, \"calcite-hydrated-hidden\": hidden, role: role }, h(\"div\", { class: {\n        container: true,\n        queued,\n        [placement]: true\n      }, ref: this.setTransitionEl }, requestedIcon ? (h(\"div\", { class: \"alert-icon\" }, h(\"calcite-icon\", { icon: requestedIcon, scale: this.scale === \"l\" ? \"m\" : \"s\" }))) : null, h(\"div\", { class: \"alert-content\" }, h(\"slot\", { name: SLOTS.title }), h(\"slot\", { name: SLOTS.message }), h(\"slot\", { name: SLOTS.link })), queueCount, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? h(\"div\", { class: \"alert-dismiss-progress\" }) : null)));\n  }\n  // when an alert is opened or closed, update queue and determine active alert\n  alertSync(event) {\n    if (this.queue !== event.detail.queue) {\n      this.queue = event.detail.queue;\n    }\n    this.queueLength = this.queue.length;\n    this.determineActiveAlert();\n    event.stopPropagation();\n  }\n  // when an alert is first registered, trigger a queue sync\n  alertRegister() {\n    if (this.open && !this.queue.includes(this.el)) {\n      this.queued = true;\n      this.queue.push(this.el);\n    }\n    this.calciteInternalAlertSync.emit({ queue: this.queue });\n    this.determineActiveAlert();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    const alertLinkEl = getSlotted(this.el, { selector: \"calcite-link\" });\n    if (!this.closeButton && !alertLinkEl) {\n      return;\n    }\n    else if (alertLinkEl) {\n      alertLinkEl.setFocus();\n    }\n    else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n  /** determine which alert is active */\n  determineActiveAlert() {\n    var _a;\n    if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {\n      this.openAlert();\n      if (this.autoDismiss && !this.autoDismissTimeoutId) {\n        this.trackTimer = Date.now();\n        this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration]);\n      }\n    }\n    else {\n      return;\n    }\n  }\n  onBeforeOpen() {\n    this.calciteAlertBeforeOpen.emit();\n  }\n  onOpen() {\n    this.calciteAlertOpen.emit();\n  }\n  onBeforeClose() {\n    this.calciteAlertBeforeClose.emit();\n  }\n  onClose() {\n    this.calciteAlertClose.emit();\n  }\n  /** remove queued class after animation completes */\n  openAlert() {\n    window.clearTimeout(this.queueTimeout);\n    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);\n  }\n  static get is() { return \"calcite-alert\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"alert.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"alert.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `open` instead.\"\n            }],\n          \"text\": \"When `true`, displays and positions the component.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"open\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, displays and positions the component.\"\n        },\n        \"attribute\": \"open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"autoDismiss\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component closes automatically (recommended for passive, non-blocking alerts).\"\n        },\n        \"attribute\": \"auto-dismiss\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"autoDismissDuration\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"AlertDuration\",\n          \"resolved\": \"\\\"fast\\\" | \\\"medium\\\" | \\\"slow\\\"\",\n          \"references\": {\n            \"AlertDuration\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the duration before the component automatically closes (only use with `autoDismiss`).\"\n        },\n        \"attribute\": \"auto-dismiss-duration\",\n        \"reflect\": true,\n        \"defaultValue\": \"this.autoDismiss ? \\\"medium\\\" : null\"\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"StatusColor\",\n          \"resolved\": \"\\\"blue\\\" | \\\"green\\\" | \\\"red\\\" | \\\"yellow\\\"\",\n          \"references\": {\n            \"StatusColor\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the color for the component (will apply to top border and icon).\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"blue\\\"\"\n      },\n      \"icon\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string | boolean\",\n          \"resolved\": \"boolean | string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, shows a default recommended icon. Alternatively,\\npass a Calcite UI Icon name to display a specific icon.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true\n      },\n      \"intlClose\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Close\\\"\"\n            }],\n          \"text\": \"Specifies the text label for the close button.\"\n        },\n        \"attribute\": \"intl-close\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.intlClose\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"numberingSystem\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"NumberingSystem\",\n          \"resolved\": \"\\\"arab\\\" | \\\"arabext\\\" | \\\"bali\\\" | \\\"beng\\\" | \\\"deva\\\" | \\\"fullwide\\\" | \\\"gujr\\\" | \\\"guru\\\" | \\\"hanidec\\\" | \\\"khmr\\\" | \\\"knda\\\" | \\\"laoo\\\" | \\\"latn\\\" | \\\"limb\\\" | \\\"mlym\\\" | \\\"mong\\\" | \\\"mymr\\\" | \\\"orya\\\" | \\\"tamldec\\\" | \\\"telu\\\" | \\\"thai\\\" | \\\"tibt\\\"\",\n          \"references\": {\n            \"NumberingSystem\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/locale\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the Unicode numeral system used by the component for localization.\"\n        },\n        \"attribute\": \"numbering-system\",\n        \"reflect\": true\n      },\n      \"placement\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"AlertPlacement\",\n          \"resolved\": \"\\\"bottom\\\" | \\\"bottom-end\\\" | \\\"bottom-start\\\" | \\\"top\\\" | \\\"top-end\\\" | \\\"top-start\\\"\",\n          \"references\": {\n            \"AlertPlacement\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the placement of the component\"\n        },\n        \"attribute\": \"placement\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"bottom\\\"\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"effectiveLocale\": {},\n      \"queue\": {},\n      \"queueLength\": {},\n      \"queued\": {},\n      \"requestedIcon\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteAlertBeforeClose\",\n        \"name\": \"calciteAlertBeforeClose\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is requested to be closed and before the closing transition begins.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteAlertClose\",\n        \"name\": \"calciteAlertClose\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is closed and animation is complete.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteAlertBeforeOpen\",\n        \"name\": \"calciteAlertBeforeOpen\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteAlertOpen\",\n        \"name\": \"calciteAlertOpen\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is open and animation is complete.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalAlertSync\",\n        \"name\": \"calciteInternalAlertSync\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires to sync queue when opened or closed.\"\n        },\n        \"complexType\": {\n          \"original\": \"Sync\",\n          \"resolved\": \"Sync\",\n          \"references\": {\n            \"Sync\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalAlertRegister\",\n        \"name\": \"calciteInternalAlertRegister\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires when the component is added to DOM - used to receive initial queue.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"HTMLCalciteLinkElement\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }, {\n        \"propName\": \"open\",\n        \"methodName\": \"openHandler\"\n      }, {\n        \"propName\": \"icon\",\n        \"methodName\": \"updateRequestedIcon\"\n      }, {\n        \"propName\": \"color\",\n        \"methodName\": \"updateRequestedIcon\"\n      }, {\n        \"propName\": \"autoDismissDuration\",\n        \"methodName\": \"updateDuration\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalAlertSync\",\n        \"method\": \"alertSync\",\n        \"target\": \"window\",\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalAlertRegister\",\n        \"method\": \"alertRegister\",\n        \"target\": \"window\",\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/calcite-avatar.js

@@ -1,184 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { h as hexToRGB, i as isValidHex } from './utils.js';
-import { e as getThemeName } from './dom.js';
-import { d as defineCustomElement$2 } from './icon.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
- */
-/**
- * Convert a string to a valid hex by hashing its contents
- * and using the hash as a seed for three distinct color values
- *
- * @param str
- */
-function stringToHex(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = str.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  let hex = "#";
-  for (let j = 0; j < 3; j++) {
-    const value = (hash >> (j * 8)) & 0xff;
-    hex += ("00" + value.toString(16)).substr(-2);
-  }
-  return hex;
-}
-/**
- * Find the hue of a color given the separate RGB color channels
- *
- * @param rgb
- */
-function rgbToHue(rgb) {
-  let { r, g, b } = rgb;
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const delta = max - min;
-  if (max === min) {
-    return 0;
-  }
-  let hue = (max + min) / 2;
-  switch (max) {
-    case r:
-      hue = (g - b) / delta + (g < b ? 6 : 0);
-      break;
-    case g:
-      hue = (b - r) / delta + 2;
-      break;
-    case b:
-      hue = (r - g) / delta + 4;
-      break;
-  }
-  return Math.round(hue * 60);
-}
-/**
- * For a hex color, find the hue
- *
- * @param hex {string} - form of "#------"
- */
-function hexToHue(hex) {
-  return rgbToHue(hexToRGB(hex));
-}
-
-const avatarCss = "@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{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}";
-
-const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.thumbnailFailedToLoad = false;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  render() {
-    return this.determineContent();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  determineContent() {
-    if (this.thumbnail && !this.thumbnailFailedToLoad) {
-      return (h("img", { alt: "", class: "thumbnail", onError: () => (this.thumbnailFailedToLoad = true), src: this.thumbnail }));
-    }
-    const initials = this.generateInitials();
-    const backgroundColor = this.generateFillColor();
-    return (h("span", { class: "background", style: { backgroundColor } }, initials ? (h("span", { "aria-hidden": "true", class: "initials" }, initials)) : (h("calcite-icon", { class: "icon", icon: "user", scale: this.scale }))));
-  }
-  /**
-   * Generate a valid background color that is consistent and unique to this user
-   */
-  generateFillColor() {
-    const { userId, username, fullName, el } = this;
-    const theme = getThemeName(el);
-    const id = userId && `#${userId.substr(userId.length - 6)}`;
-    const name = username || fullName || "";
-    const hex = id && isValidHex(id) ? id : stringToHex(name);
-    // if there is not unique information, or an invalid hex is produced, return a default
-    if ((!userId && !name) || !isValidHex(hex)) {
-      return `var(--calcite-ui-foreground-2)`;
-    }
-    const hue = hexToHue(hex);
-    const l = theme === "dark" ? 20 : 90;
-    return `hsl(${hue}, 60%, ${l}%)`;
-  }
-  /**
-   * Use fullname or username to generate initials
-   */
-  generateInitials() {
-    const { fullName, username } = this;
-    if (fullName) {
-      return fullName
-        .trim()
-        .split(" ")
-        .map((name) => name.substring(0, 1))
-        .join("");
-    }
-    else if (username) {
-      return username.substring(0, 2);
-    }
-    return false;
-  }
-  get el() { return this; }
-  static get style() { return avatarCss; }
-}, [1, "calcite-avatar", {
-    "scale": [513],
-    "thumbnail": [513],
-    "fullName": [513, "full-name"],
-    "username": [513],
-    "userId": [513, "user-id"],
-    "thumbnailFailedToLoad": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-avatar", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-avatar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Avatar);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteAvatar = Avatar;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteAvatar, defineCustomElement };
-
-//# sourceMappingURL=calcite-avatar.js.map

package/dist/components/calcite-avatar.js.map

@@ -1 +0,0 @@
-{"file":"calcite-avatar.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/avatar/utils.js","./node_modules/@esri/calcite-components/dist/collection/components/avatar/avatar.css?tag=calcite-avatar&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/avatar/avatar.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { hexToRGB } from \"../color-picker/utils\";\n/**\n * Convert a string to a valid hex by hashing its contents\n * and using the hash as a seed for three distinct color values\n *\n * @param str\n */\nexport function stringToHex(str) {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  let hex = \"#\";\n  for (let j = 0; j < 3; j++) {\n    const value = (hash >> (j * 8)) & 0xff;\n    hex += (\"00\" + value.toString(16)).substr(-2);\n  }\n  return hex;\n}\n/**\n * Find the hue of a color given the separate RGB color channels\n *\n * @param rgb\n */\nexport function rgbToHue(rgb) {\n  let { r, g, b } = rgb;\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  if (max === min) {\n    return 0;\n  }\n  let hue = (max + min) / 2;\n  switch (max) {\n    case r:\n      hue = (g - b) / delta + (g < b ? 6 : 0);\n      break;\n    case g:\n      hue = (b - r) / delta + 2;\n      break;\n    case b:\n      hue = (r - g) / delta + 4;\n      break;\n  }\n  return Math.round(hue * 60);\n}\n/**\n * For a hex color, find the hue\n *\n * @param hex {string} - form of \"#------\"\n */\nexport function hexToHue(hex) {\n  return rgbToHue(hexToRGB(hex));\n}\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: inline-block;\n  overflow: hidden;\n  border-radius: 50%;\n}\n\n:host([scale=s]) {\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n  font-size: var(--calcite-font-size--3);\n}\n\n:host([scale=m]) {\n  block-size: 2rem;\n  inline-size: 2rem;\n  font-size: var(--calcite-font-size--2);\n}\n\n:host([scale=l]) {\n  block-size: 2.75rem;\n  inline-size: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n}\n\n.icon {\n  display: flex;\n}\n\n.background {\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n\n.initials {\n  font-weight: var(--calcite-font-weight-bold);\n  text-transform: uppercase;\n  color: var(--calcite-ui-text-3);\n}\n\n.thumbnail {\n  block-size: 100%;\n  inline-size: 100%;\n  border-radius: 50%;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { isValidHex } from \"../color-picker/utils\";\nimport { hexToHue, stringToHex } from \"./utils\";\nimport { getThemeName } from \"../../utils/dom\";\nexport class Avatar {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    this.thumbnailFailedToLoad = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    return this.determineContent();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  determineContent() {\n    if (this.thumbnail && !this.thumbnailFailedToLoad) {\n      return (h(\"img\", { alt: \"\", class: \"thumbnail\", onError: () => (this.thumbnailFailedToLoad = true), src: this.thumbnail }));\n    }\n    const initials = this.generateInitials();\n    const backgroundColor = this.generateFillColor();\n    return (h(\"span\", { class: \"background\", style: { backgroundColor } }, initials ? (h(\"span\", { \"aria-hidden\": \"true\", class: \"initials\" }, initials)) : (h(\"calcite-icon\", { class: \"icon\", icon: \"user\", scale: this.scale }))));\n  }\n  /**\n   * Generate a valid background color that is consistent and unique to this user\n   */\n  generateFillColor() {\n    const { userId, username, fullName, el } = this;\n    const theme = getThemeName(el);\n    const id = userId && `#${userId.substr(userId.length - 6)}`;\n    const name = username || fullName || \"\";\n    const hex = id && isValidHex(id) ? id : stringToHex(name);\n    // if there is not unique information, or an invalid hex is produced, return a default\n    if ((!userId && !name) || !isValidHex(hex)) {\n      return `var(--calcite-ui-foreground-2)`;\n    }\n    const hue = hexToHue(hex);\n    const l = theme === \"dark\" ? 20 : 90;\n    return `hsl(${hue}, 60%, ${l}%)`;\n  }\n  /**\n   * Use fullname or username to generate initials\n   */\n  generateInitials() {\n    const { fullName, username } = this;\n    if (fullName) {\n      return fullName\n        .trim()\n        .split(\" \")\n        .map((name) => name.substring(0, 1))\n        .join(\"\");\n    }\n    else if (username) {\n      return username.substring(0, 2);\n    }\n    return false;\n  }\n  static get is() { return \"calcite-avatar\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"avatar.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"avatar.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"thumbnail\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the `src` to an image (remember to add a token if the user is private).\"\n        },\n        \"attribute\": \"thumbnail\",\n        \"reflect\": true\n      },\n      \"fullName\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the full name of the user.\"\n        },\n        \"attribute\": \"full-name\",\n        \"reflect\": true\n      },\n      \"username\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the username of the user.\"\n        },\n        \"attribute\": \"username\",\n        \"reflect\": true\n      },\n      \"userId\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the unique id of the user.\"\n        },\n        \"attribute\": \"user-id\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"thumbnailFailedToLoad\": {}\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/calcite-block-section.js

@@ -1,157 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as getElementDir, t as toAriaBoolean } from './dom.js';
-import { g as guid } from './guid.js';
-import { i as isActivationKey } from './key.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './switch.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 CSS = {
-  content: "content",
-  invalid: "invalid",
-  toggle: "toggle",
-  toggleSwitch: "toggle--switch",
-  toggleSwitchContent: "toggle--switch__content",
-  toggleSwitchText: "toggle--switch__text",
-  sectionHeader: "section-header",
-  sectionHeaderText: "section-header__text",
-  statusIcon: "status-icon",
-  valid: "valid"
-};
-const TEXT = {
-  collapse: "Collapse",
-  expand: "Expand"
-};
-const ICONS = {
-  menuOpen: "chevron-down",
-  menuClosedLeft: "chevron-left",
-  menuClosedRight: "chevron-right",
-  valid: "check-circle",
-  invalid: "exclamation-mark-triangle"
-};
-
-const blockSectionCss = "@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);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-ui-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.toggle--switch .status-icon{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}";
-
-const BlockSection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteBlockSectionToggle = createEvent(this, "calciteBlockSectionToggle", 6);
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    this.open = false;
-    /**
-     * Specifies the component's toggle display -
-     *
-     * `"button"` (selectable header), or
-     *
-     * `"switch"` (toggle switch).
-     */
-    this.toggleDisplay = "button";
-    this.guid = guid();
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.handleHeaderKeyDown = (event) => {
-      if (isActivationKey(event.key)) {
-        this.toggleSection();
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    this.toggleSection = () => {
-      this.open = !this.open;
-      this.calciteBlockSectionToggle.emit();
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderStatusIcon() {
-    var _a;
-    const { status } = this;
-    const statusIcon = (_a = ICONS[status]) !== null && _a !== void 0 ? _a : false;
-    const statusIconClasses = {
-      [CSS.statusIcon]: true,
-      [CSS.valid]: status == "valid",
-      [CSS.invalid]: status == "invalid"
-    };
-    return !!statusIcon ? (h("calcite-icon", { class: statusIconClasses, icon: statusIcon, scale: "s" })) : null;
-  }
-  render() {
-    const { el, intlCollapse, intlExpand, open, text, toggleDisplay } = this;
-    const dir = getElementDir(el);
-    const arrowIcon = open
-      ? ICONS.menuOpen
-      : dir === "rtl"
-        ? ICONS.menuClosedLeft
-        : ICONS.menuClosedRight;
-    const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;
-    const { guid } = this;
-    const regionId = `${guid}-region`;
-    const buttonId = `${guid}-button`;
-    const headerNode = toggleDisplay === "switch" ? (h("div", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
-        [CSS.toggle]: true,
-        [CSS.toggleSwitch]: true
-      }, id: buttonId, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel }, h("div", { class: CSS.toggleSwitchContent }, h("span", { class: CSS.toggleSwitchText }, text)), h("calcite-switch", { checked: open, label: toggleLabel, scale: "s", tabIndex: -1 }), this.renderStatusIcon())) : (h("button", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
-        [CSS.sectionHeader]: true,
-        [CSS.toggle]: true
-      }, id: buttonId, name: toggleLabel, onClick: this.toggleSection }, h("calcite-icon", { icon: arrowIcon, scale: "s" }), h("span", { class: CSS.sectionHeaderText }, text), this.renderStatusIcon()));
-    return (h(Host, null, headerNode, h("section", { "aria-expanded": toAriaBoolean(open), "aria-labelledby": buttonId, class: CSS.content, hidden: !open, id: regionId }, h("slot", null))));
-  }
-  get el() { return this; }
-  static get style() { return blockSectionCss; }
-}, [1, "calcite-block-section", {
-    "intlCollapse": [1, "intl-collapse"],
-    "intlExpand": [1, "intl-expand"],
-    "open": [1540],
-    "status": [513],
-    "text": [1],
-    "toggleDisplay": [513, "toggle-display"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-block-section", "calcite-icon", "calcite-switch"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-block-section":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BlockSection);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-switch":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteBlockSection = BlockSection;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteBlockSection, defineCustomElement };
-
-//# sourceMappingURL=calcite-block-section.js.map

package/dist/components/calcite-block-section.js.map

@@ -1 +0,0 @@
-{"file":"calcite-block-section.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/block-section/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/block-section/block-section.css?tag=calcite-block-section&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/block-section/block-section.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  content: \"content\",\n  invalid: \"invalid\",\n  toggle: \"toggle\",\n  toggleSwitch: \"toggle--switch\",\n  toggleSwitchContent: \"toggle--switch__content\",\n  toggleSwitchText: \"toggle--switch__text\",\n  sectionHeader: \"section-header\",\n  sectionHeaderText: \"section-header__text\",\n  statusIcon: \"status-icon\",\n  valid: \"valid\"\n};\nexport const TEXT = {\n  collapse: \"Collapse\",\n  expand: \"Expand\"\n};\nexport const ICONS = {\n  menuOpen: \"chevron-down\",\n  menuClosedLeft: \"chevron-left\",\n  menuClosedRight: \"chevron-right\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  box-sizing: border-box;\n  display: block;\n  background-color: var(--calcite-ui-foreground-1);\n  font-size: var(--calcite-font-size--1);\n  color: var(--calcite-ui-text-2);\n}\n\n:host([open]) {\n  border-width: 0px;\n  border-block-end-width: 1px;\n  border-style: solid;\n  border-block-end-color: var(--calcite-ui-border-3);\n}\n\n:host(:last-child) {\n  border-block-end-width: 0px;\n}\n\n.toggle {\n  inline-size: 100%;\n  border-width: 0px;\n  background-color: transparent;\n  font-family: var(--calcite-sans-family);\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-2);\n}\n\n.toggle--switch, \n.section-header {\n  margin-inline: 0px;\n  margin-block: 0.25rem;\n  display: flex;\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n  align-items: center;\n  padding-inline: 0px;\n  padding-block: 0.5rem;\n  font-size: var(--calcite-font-size--1);\n  outline-color: transparent;\n}\n.toggle--switch:focus, \n.section-header:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n.toggle--switch:hover, \n.section-header:hover {\n  color: var(--calcite-ui-text-1);\n}\n\n.section-header .status-icon {\n  align-self: flex-end;\n}\n\n.section-header__text {\n  margin-inline: 0.75rem;\n  margin-block: 0px;\n  flex: 1 1 auto;\n  text-align: initial;\n  word-wrap: anywhere;\n}\n\n.toggle--switch calcite-switch {\n  pointer-events: none;\n  margin-inline-start: 0.25rem;\n}\n.toggle--switch .status-icon {\n  margin-inline-start: 0.5rem;\n}\n\n.toggle--switch__content {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n}\n\n.status-icon.valid {\n  color: var(--calcite-ui-success);\n}\n\n.status-icon.invalid {\n  color: var(--calcite-ui-danger);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, ICONS, TEXT } from \"./resources\";\nimport { guid } from \"../../utils/guid\";\nimport { isActivationKey } from \"../../utils/key\";\n/**\n * @slot - A slot for adding content to the component.\n */\nexport class BlockSection {\n  constructor() {\n    /**\n     * When `true`, expands the component and its contents.\n     */\n    this.open = false;\n    /**\n     * Specifies the component's toggle display -\n     *\n     * `\"button\"` (selectable header), or\n     *\n     * `\"switch\"` (toggle switch).\n     */\n    this.toggleDisplay = \"button\";\n    this.guid = guid();\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.handleHeaderKeyDown = (event) => {\n      if (isActivationKey(event.key)) {\n        this.toggleSection();\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    };\n    this.toggleSection = () => {\n      this.open = !this.open;\n      this.calciteBlockSectionToggle.emit();\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStatusIcon() {\n    var _a;\n    const { status } = this;\n    const statusIcon = (_a = ICONS[status]) !== null && _a !== void 0 ? _a : false;\n    const statusIconClasses = {\n      [CSS.statusIcon]: true,\n      [CSS.valid]: status == \"valid\",\n      [CSS.invalid]: status == \"invalid\"\n    };\n    return !!statusIcon ? (h(\"calcite-icon\", { class: statusIconClasses, icon: statusIcon, scale: \"s\" })) : null;\n  }\n  render() {\n    const { el, intlCollapse, intlExpand, open, text, toggleDisplay } = this;\n    const dir = getElementDir(el);\n    const arrowIcon = open\n      ? ICONS.menuOpen\n      : dir === \"rtl\"\n        ? ICONS.menuClosedLeft\n        : ICONS.menuClosedRight;\n    const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;\n    const { guid } = this;\n    const regionId = `${guid}-region`;\n    const buttonId = `${guid}-button`;\n    const headerNode = toggleDisplay === \"switch\" ? (h(\"div\", { \"aria-controls\": regionId, \"aria-label\": toggleLabel, class: {\n        [CSS.toggle]: true,\n        [CSS.toggleSwitch]: true\n      }, id: buttonId, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel }, h(\"div\", { class: CSS.toggleSwitchContent }, h(\"span\", { class: CSS.toggleSwitchText }, text)), h(\"calcite-switch\", { checked: open, label: toggleLabel, scale: \"s\", tabIndex: -1 }), this.renderStatusIcon())) : (h(\"button\", { \"aria-controls\": regionId, \"aria-label\": toggleLabel, class: {\n        [CSS.sectionHeader]: true,\n        [CSS.toggle]: true\n      }, id: buttonId, name: toggleLabel, onClick: this.toggleSection }, h(\"calcite-icon\", { icon: arrowIcon, scale: \"s\" }), h(\"span\", { class: CSS.sectionHeaderText }, text), this.renderStatusIcon()));\n    return (h(Host, null, headerNode, h(\"section\", { \"aria-expanded\": toAriaBoolean(open), \"aria-labelledby\": buttonId, class: CSS.content, hidden: !open, id: regionId }, h(\"slot\", null))));\n  }\n  static get is() { return \"calcite-block-section\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"block-section.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"block-section.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"intlCollapse\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component's collapse button.\"\n        },\n        \"attribute\": \"intl-collapse\",\n        \"reflect\": false\n      },\n      \"intlExpand\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component's expand button.\"\n        },\n        \"attribute\": \"intl-expand\",\n        \"reflect\": false\n      },\n      \"open\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, expands the component and its contents.\"\n        },\n        \"attribute\": \"open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"status\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Status\",\n          \"resolved\": \"\\\"idle\\\" | \\\"invalid\\\" | \\\"valid\\\"\",\n          \"references\": {\n            \"Status\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Displays a status-related indicator icon.\"\n        },\n        \"attribute\": \"status\",\n        \"reflect\": true\n      },\n      \"text\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component header text.\"\n        },\n        \"attribute\": \"text\",\n        \"reflect\": false\n      },\n      \"toggleDisplay\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"BlockSectionToggleDisplay\",\n          \"resolved\": \"\\\"button\\\" | \\\"switch\\\"\",\n          \"references\": {\n            \"BlockSectionToggleDisplay\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the component's toggle display -\\n\\n`\\\"button\\\"` (selectable header), or\\n\\n`\\\"switch\\\"` (toggle switch).\"\n        },\n        \"attribute\": \"toggle-display\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"button\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteBlockSectionToggle\",\n        \"name\": \"calciteBlockSectionToggle\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits when the header has been clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}