@esri/calcite-components 1.0.0-next.319 → 1.0.0-next.322
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/p-04bce033.entry.js +5 -0
- package/dist/calcite/p-1480eb2d.entry.js +5 -0
- package/dist/calcite/p-414ce3c1.system.entry.js +5 -0
- package/dist/calcite/p-4d4ba7df.entry.js +5 -0
- package/dist/calcite/{p-8b2d4eac.system.entry.js → p-4e95e13d.system.entry.js} +1 -1
- package/dist/calcite/p-58208234.system.entry.js +5 -0
- package/dist/calcite/{p-9be50494.entry.js → p-77600274.entry.js} +1 -1
- package/dist/calcite/p-8e252799.system.js +1 -1
- package/dist/calcite/{p-f97e1a2d.entry.js → p-a57aa5d0.entry.js} +1 -1
- package/dist/calcite/{p-6c5b849f.system.entry.js → p-ac417011.system.entry.js} +1 -1
- package/dist/calcite/p-ad617a5a.entry.js +5 -0
- package/dist/calcite/p-ed82600e.system.entry.js +5 -0
- package/dist/calcite/p-fa9a1d8f.system.entry.js +5 -0
- package/dist/cjs/calcite-button.cjs.entry.js +2 -2
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +4 -1
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +349 -223
- package/dist/cjs/calcite-label.cjs.entry.js +1 -1
- package/dist/cjs/calcite-option_3.cjs.entry.js +3 -1
- package/dist/cjs/{calcite-radio_2.cjs.entry.js → calcite-radio-button.cjs.entry.js} +2 -43
- package/dist/cjs/calcite.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +5 -7
- package/dist/collection/components/calcite-button/calcite-button.js +3 -2
- package/dist/collection/components/calcite-combobox/calcite-combobox.js +4 -1
- package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +81 -76
- package/dist/collection/components/calcite-label/calcite-label.css +0 -1
- package/dist/collection/components/calcite-option/calcite-option.js +3 -1
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.css +69 -0
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +1 -1
- package/dist/collection/components/calcite-time-picker/calcite-time-picker.css +56 -91
- package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +254 -289
- package/dist/collection/components/calcite-time-picker/resources.js +15 -9
- package/dist/collection/utils/time.js +144 -36
- package/dist/components/calcite-button2.js +2 -2
- package/dist/components/calcite-combobox.js +4 -1
- package/dist/components/calcite-input-time-picker.js +51 -48
- package/dist/components/calcite-label2.js +1 -1
- package/dist/components/calcite-option.js +3 -1
- package/dist/components/calcite-radio-button.js +3 -9
- package/dist/components/calcite-time-picker2.js +320 -187
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +364 -277
- package/dist/esm/calcite-button.entry.js +2 -2
- package/dist/esm/calcite-combobox_3.entry.js +4 -1
- package/dist/esm/calcite-input-time-picker_2.entry.js +349 -223
- package/dist/esm/calcite-label.entry.js +1 -1
- package/dist/esm/calcite-option_3.entry.js +3 -1
- package/dist/esm/{calcite-radio_2.entry.js → calcite-radio-button.entry.js} +4 -44
- package/dist/esm/calcite.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/calcite-button.entry.js +1 -1
- package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
- package/dist/esm-es5/calcite-label.entry.js +1 -1
- package/dist/esm-es5/calcite-option_3.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button.entry.js +5 -0
- package/dist/esm-es5/calcite.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/extras/docs-json.json +24 -211
- package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +12 -4
- package/dist/types/components/calcite-time-picker/calcite-time-picker.d.ts +35 -23
- package/dist/types/components/calcite-time-picker/resources.d.ts +14 -8
- package/dist/types/components.d.ts +16 -93
- package/dist/types/preact.d.ts +0 -2
- package/dist/types/utils/time.d.ts +18 -5
- package/hydrate/index.js +381 -296
- package/package.json +1 -1
- package/readme.md +2 -2
- package/dist/calcite/p-12a9599d.system.entry.js +0 -5
- package/dist/calcite/p-1e4955d7.entry.js +0 -5
- package/dist/calcite/p-2b137143.system.entry.js +0 -5
- package/dist/calcite/p-35c5e6bd.entry.js +0 -5
- package/dist/calcite/p-4af85388.system.entry.js +0 -5
- package/dist/calcite/p-9634f89d.entry.js +0 -5
- package/dist/calcite/p-a98e5444.system.entry.js +0 -5
- package/dist/calcite/p-fccc1605.entry.js +0 -5
- package/dist/collection/components/calcite-radio/calcite-radio.css +0 -162
- package/dist/collection/components/calcite-radio/calcite-radio.js +0 -169
- package/dist/components/calcite-radio.d.ts +0 -11
- package/dist/components/calcite-radio.js +0 -10
- package/dist/components/calcite-radio2.js +0 -71
- package/dist/esm-es5/calcite-radio_2.entry.js +0 -5
- package/dist/types/components/calcite-radio/calcite-radio.d.ts +0 -22
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,o){function n(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,h,g as getElement}from"./index-9de00868.js";import{d as closestElementCrossShadowBoundary,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";(function(t){if(typeof t.requestSubmit=="function")return;t.requestSubmit=function(t){if(t){e(t,this);t.click()}else{t=document.createElement("input");t.type="submit";t.hidden=true;this.appendChild(t);t.click();this.removeChild(t)}};function e(t,e){t instanceof HTMLElement||a(TypeError,"parameter 1 is not of type 'HTMLElement'");t.type=="submit"||a(TypeError,"The specified element is not a submit button");t.form==e||a(DOMException,"The specified element is not owned by this form element","NotFoundError")}function a(t,e,a){throw new t("Failed to execute 'requestSubmit' on 'HTMLFormElement': "+e+".",a)}})(HTMLFormElement.prototype);var CSS={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out"};var TEXT={loading:"Loading"};var calciteButtonCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;width:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding:var(--calcite-button-padding-y) var(--calcite-button-padding-x) var(--calcite-button-padding-y) var(--calcite-button-padding-x);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;width:100%;height:100%;border-radius:0;border-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-weight:var(--calcite-font-weight-normal);-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out, -webkit-box-shadow 0.15s ease-in-out}:host button:hover,:host a:hover{text-decoration:none}.content{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--calcite-button-content-margin);margin-right:var(--calcite-button-content-margin)}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin:1rem}:host(:not([icon-start])) .content{margin-left:unset}:host(:not([icon-end])) .content{margin-right:unset}:host([icon-start]:not([icon-end])) .calcite--rtl .content{margin-left:unset;margin-right:var(--calcite-button-content-margin)}:host([icon-end]:not([icon-start])) .calcite--rtl .content{margin-right:unset;margin-left:var(--calcite-button-content-margin)}:host([width=auto]){width:auto}:host([width=half]){width:50%}:host([width=full]){width:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{-ms-flex-pack:center;justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{-ms-flex-pack:start;justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{-ms-flex-pack:justify;justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-right:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-left:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-start-space-between]:not([width=auto])) .calcite--rtl .icon--start{margin-right:unset;margin-left:auto}:host([alignment=icon-end-space-between]:not([width=auto])) .calcite--rtl .icon--end{margin-left:unset;margin-right:auto}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-left:var(--calcite-button-content-margin)}:host([alignment=center]) a.calcite--rtl:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button.calcite--rtl:not(.content--slotted) .icon--start+.icon--end{margin-left:unset;margin-right:var(--calcite-button-content-margin)}.icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([loading]),:host([disabled]){pointer-events:none}:host([loading]) button,:host([loading]) a,:host([disabled]) button,:host([disabled]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@-webkit-keyframes loader-in{0%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader-in{0%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader-out{0%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes loader-out{0%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}.calcite-button--loader{display:-ms-flexbox;display:flex}.calcite-button--loader calcite-loader{margin:0;-webkit-transition:width 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;transition:width 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;transition:width 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out;transition:width 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out}.calcite-button--loader calcite-loader.loading-in{-webkit-animation-name:loader-in;animation-name:loader-in;-webkit-animation-duration:310ms;animation-duration:310ms}.calcite-button--loader calcite-loader.loading-out{-webkit-animation-name:loader-out;animation-name:loader-out;-webkit-animation-duration:310ms;animation-duration:310ms}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{-webkit-margin-end:var(--calcite-button-content-margin);margin-inline-end:var(--calcite-button-content-margin)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance=solid]) button,:host([appearance=solid]) a{border-width:1px;border-style:solid;border-color:transparent}:host([appearance=solid][color=blue]) button,:host([appearance=solid][color=blue]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-brand)}:host([appearance=solid][color=blue]) button:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) a:focus{background-color:var(--calcite-ui-brand-hover)}:host([appearance=solid][color=blue]) button:active,:host([appearance=solid][color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([appearance=solid][color=blue]) button calcite-loader,:host([appearance=solid][color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=red]) button,:host([appearance=solid][color=red]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-danger)}:host([appearance=solid][color=red]) button:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) a:focus{background-color:var(--calcite-ui-danger-hover)}:host([appearance=solid][color=red]) button:active,:host([appearance=solid][color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([appearance=solid][color=red]) button calcite-loader,:host([appearance=solid][color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=neutral]) button,:host([appearance=solid][color=neutral]) a{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([appearance=solid][color=neutral]) button:hover,:host([appearance=solid][color=neutral]) button:focus,:host([appearance=solid][color=neutral]) a:hover,:host([appearance=solid][color=neutral]) a:focus{background-color:var(--calcite-ui-foreground-2)}:host([appearance=solid][color=neutral]) button:active,:host([appearance=solid][color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=solid][color=neutral]) button calcite-loader,:host([appearance=solid][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=solid][color=inverse]) button,:host([appearance=solid][color=inverse]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}:host([appearance=solid][color=inverse]) button:hover,:host([appearance=solid][color=inverse]) button:focus,:host([appearance=solid][color=inverse]) a:hover,:host([appearance=solid][color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([appearance=solid][color=inverse]) button:active,:host([appearance=solid][color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([appearance=solid][color=inverse]) button calcite-loader,:host([appearance=solid][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline]) button,:host([appearance=outline]) a{background-color:var(--calcite-ui-foreground-1);border-width:1px;border-style:solid;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) button,:host([appearance=outline][color=blue]) a{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:hover,:host([appearance=outline][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=outline][color=blue]) button:focus,:host([appearance=outline][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=outline][color=blue]) button calcite-loader,:host([appearance=outline][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][color=red]) button,:host([appearance=outline][color=red]) a{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:hover,:host([appearance=outline][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=outline][color=red]) button:focus,:host([appearance=outline][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=outline][color=red]) button calcite-loader,:host([appearance=outline][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][color=neutral]) button,:host([appearance=outline][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:hover,:host([appearance=outline][color=neutral]) a:hover{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:focus,:host([appearance=outline][color=neutral]) a:focus{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:active,:host([appearance=outline][color=neutral]) a:active{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button calcite-loader,:host([appearance=outline][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][color=inverse]) button,:host([appearance=outline][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:hover,:host([appearance=outline][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=outline][color=inverse]) button:focus,:host([appearance=outline][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:active,:host([appearance=outline][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=outline][color=inverse]) button calcite-loader,:host([appearance=outline][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear]) button,:host([appearance=clear]) a{background-color:transparent;border-width:1px;border-style:solid;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) button,:host([appearance=clear][color=blue]) a{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:hover,:host([appearance=clear][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=clear][color=blue]) button:focus,:host([appearance=clear][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=clear][color=blue]) button calcite-loader,:host([appearance=clear][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:hover,:host([appearance=clear][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=clear][color=red]) button:focus,:host([appearance=clear][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=clear][color=red]) button calcite-loader,:host([appearance=clear][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:hover,:host([appearance=clear][color=neutral]) a:hover{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:focus,:host([appearance=clear][color=neutral]) a:focus{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:active,:host([appearance=clear][color=neutral]) a:active{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button calcite-loader,:host([appearance=clear][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:hover,:host([appearance=clear][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=clear][color=inverse]) button:focus,:host([appearance=clear][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:active,:host([appearance=clear][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=clear][color=inverse]) button calcite-loader,:host([appearance=clear][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][split-child=primary]) button,:host([appearance=clear][split-child=primary]) button{border-right-width:0;border-left-width:1px}:host([appearance=outline][split-child=primary]) button.calcite--rtl,:host([appearance=clear][split-child=primary]) button.calcite--rtl{border-left-width:0;border-right-width:1px}:host([appearance=outline][split-child=secondary]) button,:host([appearance=clear][split-child=secondary]) button{border-left-width:0;border-right-width:1px}:host([appearance=outline][split-child=secondary]) button.calcite--rtl,:host([appearance=clear][split-child=secondary]) button.calcite--rtl{border-right-width:0;border-left-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][color=blue]) button,:host([appearance=transparent][color=blue]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:hover,:host([appearance=transparent][color=blue]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][color=blue]) button:focus,:host([appearance=transparent][color=blue]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:active,:host([appearance=transparent][color=blue]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][color=blue]) button calcite-loader,:host([appearance=transparent][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=red]) button,:host([appearance=transparent][color=red]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:hover,:host([appearance=transparent][color=red]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][color=red]) button:focus,:host([appearance=transparent][color=red]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:active,:host([appearance=transparent][color=red]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][color=red]) button calcite-loader,:host([appearance=transparent][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].cancel-editing-button) button{color:var(--calcite-ui-text-3);border-top-width:1px;border-top-color:var(--calcite-ui-border-input);border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-input);border-bottom-style:solid;border-top-style:solid}:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y:0}:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][color=inverse]) button,:host([appearance=transparent][color=inverse]) a,:host([appearance=transparent][color=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]:not([appearance=transparent])) button.content--slotted,:host([scale=m]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]:not([appearance=transparent])) button.content--slotted,:host([scale=l]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:11px}:host([scale=l][appearance=transparent]) button.content--slotted,:host([scale=l][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;font-size:var(--calcite-font-size-0);line-height:1.25rem;width:1.5rem;min-height:1.5rem}:host([scale=s][appearance=transparent]) button:not(.content--slotted),:host([scale=s][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.25rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;font-size:var(--calcite-font-size-0);line-height:1.25rem;width:2rem;min-height:2rem}:host([scale=m][appearance=transparent]) button:not(.content--slotted),:host([scale=m][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.5rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;font-size:var(--calcite-font-size-0);line-height:1.25rem;width:2.75rem;min-height:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:23px;font-size:var(--calcite-font-size-0);line-height:1.25rem;height:1.5rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;height:2rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:43px;font-size:var(--calcite-font-size-0);line-height:1.25rem;height:2.75rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:1rem;margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:2.75rem}";var CalciteButton=function(){function t(t){var e=this;registerInstance(this,t);this.alignment="center";this.appearance="solid";this.color="blue";this.disabled=false;this.intlLoading=TEXT.loading;this.loading=false;this.round=false;this.scale="m";this.splitChild=false;this.width="auto";this.mutationObserver=createObserver("mutation",(function(){return e.updateHasContent()}));this.childElType="button";this.hasContent=false;this.hasLoader=false;this.handleClick=function(){var t=e,a=t.childElType,o=t.formEl,n=t.type;if(a==="button"&&n!=="button"){if(n==="submit"){o===null||o===void 0?void 0:o.requestSubmit()}else if(n==="reset"){o===null||o===void 0?void 0:o.reset()}}}}t.prototype.hrefHandler=function(t){this.childElType=t?"a":"button"};t.prototype.loadingChanged=function(t,e){var a=this;if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((function(){a.hasLoader=false}),300)}};t.prototype.connectedCallback=function(){this.childElType=this.href?"a":"button";this.hasLoader=this.loading;this.setupTextContentObserver();connectLabel(this);this.formEl=closestElementCrossShadowBoundary(this.el,this.form?"#"+this.form:"form")};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectLabel(this);this.formEl=null};t.prototype.componentWillLoad=function(){{this.updateHasContent();if(this.childElType==="button"&&!this.type){this.type="submit"}}};t.prototype.render=function(){var t,e,a;var o=this;var n=getElementDir(this.el);var r=this.childElType;var i=h("div",{class:CSS.buttonLoader},this.hasLoader?h("calcite-loader",{active:true,class:this.loading?CSS.loadingIn:CSS.loadingOut,inline:true,label:this.intlLoading,scale:"m"}):null);var c=h("calcite-icon",{class:(t={},t[CSS.icon]=true,t[CSS.iconStart]=true,t),flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var l=h("calcite-icon",{class:(e={},e[CSS.icon]=true,e[CSS.iconEnd]=true,e),flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var s=h("span",{class:CSS.content},h("slot",null));return h(r,{"aria-label":getLabelText(this),class:(a={},a[CSS_UTILITY.rtl]=n==="rtl",a[CSS.contentSlotted]=this.hasContent,a),disabled:this.disabled||this.loading,href:this.childElType==="a"&&this.href,name:this.childElType==="button"&&this.name,onClick:this.handleClick,ref:function(t){return o.childEl=t},rel:this.childElType==="a"&&this.rel,tabIndex:this.disabled||this.loading?-1:null,target:this.childElType==="a"&&this.target,type:this.childElType==="button"&&this.type},i,this.iconStart?c:null,this.hasContent?s:null,this.iconEnd?l:null)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.childEl.focus();return[2]}))}))};t.prototype.updateHasContent=function(){var t,e;var a=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&((t=this.el.childNodes[0])===null||t===void 0?void 0:t.nodeName)==="#text"?((e=this.el.textContent)===null||e===void 0?void 0:e.trim().length)>0:a};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.onLabelClick=function(){this.handleClick();this.setFocus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:["hrefHandler"],loading:["loadingChanged"]}},enumerable:false,configurable:true});return t}();CalciteButton.style=calciteButtonCss;export{CalciteButton as calcite_button};
|
|
5
|
+
*/import{r as registerInstance,h,g as getElement}from"./index-9de00868.js";import{d as closestElementCrossShadowBoundary,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";(function(t){if(typeof t.requestSubmit=="function")return;t.requestSubmit=function(t){if(t){e(t,this);t.click()}else{t=document.createElement("input");t.type="submit";t.hidden=true;this.appendChild(t);t.click();this.removeChild(t)}};function e(t,e){t instanceof HTMLElement||a(TypeError,"parameter 1 is not of type 'HTMLElement'");t.type=="submit"||a(TypeError,"The specified element is not a submit button");t.form==e||a(DOMException,"The specified element is not owned by this form element","NotFoundError")}function a(t,e,a){throw new t("Failed to execute 'requestSubmit' on 'HTMLFormElement': "+e+".",a)}})(HTMLFormElement.prototype);var CSS={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out"};var TEXT={loading:"Loading"};var calciteButtonCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;width:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding:var(--calcite-button-padding-y) var(--calcite-button-padding-x) var(--calcite-button-padding-y) var(--calcite-button-padding-x);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;width:100%;height:100%;border-radius:0;border-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-weight:var(--calcite-font-weight-normal);-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out, -webkit-box-shadow 0.15s ease-in-out}:host button:hover,:host a:hover{text-decoration:none}.content{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--calcite-button-content-margin);margin-right:var(--calcite-button-content-margin)}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin:1rem}:host(:not([icon-start])) .content{margin-left:unset}:host(:not([icon-end])) .content{margin-right:unset}:host([icon-start]:not([icon-end])) .calcite--rtl .content{margin-left:unset;margin-right:var(--calcite-button-content-margin)}:host([icon-end]:not([icon-start])) .calcite--rtl .content{margin-right:unset;margin-left:var(--calcite-button-content-margin)}:host([width=auto]){width:auto}:host([width=half]){width:50%}:host([width=full]){width:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{-ms-flex-pack:center;justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{-ms-flex-pack:start;justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{-ms-flex-pack:justify;justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-right:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-left:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-start-space-between]:not([width=auto])) .calcite--rtl .icon--start{margin-right:unset;margin-left:auto}:host([alignment=icon-end-space-between]:not([width=auto])) .calcite--rtl .icon--end{margin-left:unset;margin-right:auto}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-left:var(--calcite-button-content-margin)}:host([alignment=center]) a.calcite--rtl:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button.calcite--rtl:not(.content--slotted) .icon--start+.icon--end{margin-left:unset;margin-right:var(--calcite-button-content-margin)}.icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([loading]),:host([disabled]){pointer-events:none}:host([loading]) button,:host([loading]) a,:host([disabled]) button,:host([disabled]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@-webkit-keyframes loader-in{0%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader-in{0%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader-out{0%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes loader-out{0%{width:1em;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{width:0;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}.calcite-button--loader{display:-ms-flexbox;display:flex}.calcite-button--loader calcite-loader{margin:0;-webkit-transition:width 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;transition:width 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;transition:width 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out;transition:width 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out}.calcite-button--loader calcite-loader.loading-in{-webkit-animation-name:loader-in;animation-name:loader-in;-webkit-animation-duration:310ms;animation-duration:310ms}.calcite-button--loader calcite-loader.loading-out{-webkit-animation-name:loader-out;animation-name:loader-out;-webkit-animation-duration:310ms;animation-duration:310ms}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{-webkit-margin-end:var(--calcite-button-content-margin);margin-inline-end:var(--calcite-button-content-margin)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance=solid]) button,:host([appearance=solid]) a{border-width:1px;border-style:solid;border-color:transparent}:host([appearance=solid][color=blue]) button,:host([appearance=solid][color=blue]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-brand)}:host([appearance=solid][color=blue]) button:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) a:focus{background-color:var(--calcite-ui-brand-hover)}:host([appearance=solid][color=blue]) button:active,:host([appearance=solid][color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([appearance=solid][color=blue]) button calcite-loader,:host([appearance=solid][color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=red]) button,:host([appearance=solid][color=red]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-danger)}:host([appearance=solid][color=red]) button:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) a:focus{background-color:var(--calcite-ui-danger-hover)}:host([appearance=solid][color=red]) button:active,:host([appearance=solid][color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([appearance=solid][color=red]) button calcite-loader,:host([appearance=solid][color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=solid][color=neutral]) button,:host([appearance=solid][color=neutral]) a{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([appearance=solid][color=neutral]) button:hover,:host([appearance=solid][color=neutral]) button:focus,:host([appearance=solid][color=neutral]) a:hover,:host([appearance=solid][color=neutral]) a:focus{background-color:var(--calcite-ui-foreground-2)}:host([appearance=solid][color=neutral]) button:active,:host([appearance=solid][color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=solid][color=neutral]) button calcite-loader,:host([appearance=solid][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=solid][color=inverse]) button,:host([appearance=solid][color=inverse]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}:host([appearance=solid][color=inverse]) button:hover,:host([appearance=solid][color=inverse]) button:focus,:host([appearance=solid][color=inverse]) a:hover,:host([appearance=solid][color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([appearance=solid][color=inverse]) button:active,:host([appearance=solid][color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([appearance=solid][color=inverse]) button calcite-loader,:host([appearance=solid][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline]) button,:host([appearance=outline]) a{background-color:var(--calcite-ui-foreground-1);border-width:1px;border-style:solid;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) button,:host([appearance=outline][color=blue]) a{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:hover,:host([appearance=outline][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=outline][color=blue]) button:focus,:host([appearance=outline][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=outline][color=blue]) button calcite-loader,:host([appearance=outline][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][color=red]) button,:host([appearance=outline][color=red]) a{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:hover,:host([appearance=outline][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=outline][color=red]) button:focus,:host([appearance=outline][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=outline][color=red]) button calcite-loader,:host([appearance=outline][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][color=neutral]) button,:host([appearance=outline][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:hover,:host([appearance=outline][color=neutral]) a:hover{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:focus,:host([appearance=outline][color=neutral]) a:focus{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:active,:host([appearance=outline][color=neutral]) a:active{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button calcite-loader,:host([appearance=outline][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][color=inverse]) button,:host([appearance=outline][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:hover,:host([appearance=outline][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=outline][color=inverse]) button:focus,:host([appearance=outline][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:active,:host([appearance=outline][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=outline][color=inverse]) button calcite-loader,:host([appearance=outline][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear]) button,:host([appearance=clear]) a{background-color:transparent;border-width:1px;border-style:solid;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) button,:host([appearance=clear][color=blue]) a{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:hover,:host([appearance=clear][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=clear][color=blue]) button:focus,:host([appearance=clear][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=clear][color=blue]) button calcite-loader,:host([appearance=clear][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:hover,:host([appearance=clear][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=clear][color=red]) button:focus,:host([appearance=clear][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=clear][color=red]) button calcite-loader,:host([appearance=clear][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:hover,:host([appearance=clear][color=neutral]) a:hover{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:focus,:host([appearance=clear][color=neutral]) a:focus{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:active,:host([appearance=clear][color=neutral]) a:active{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button calcite-loader,:host([appearance=clear][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:hover,:host([appearance=clear][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=clear][color=inverse]) button:focus,:host([appearance=clear][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:active,:host([appearance=clear][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=clear][color=inverse]) button calcite-loader,:host([appearance=clear][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][split-child=primary]) button,:host([appearance=clear][split-child=primary]) button{border-right-width:0;border-left-width:1px}:host([appearance=outline][split-child=primary]) button.calcite--rtl,:host([appearance=clear][split-child=primary]) button.calcite--rtl{border-left-width:0;border-right-width:1px}:host([appearance=outline][split-child=secondary]) button,:host([appearance=clear][split-child=secondary]) button{border-left-width:0;border-right-width:1px}:host([appearance=outline][split-child=secondary]) button.calcite--rtl,:host([appearance=clear][split-child=secondary]) button.calcite--rtl{border-right-width:0;border-left-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][color=blue]) button,:host([appearance=transparent][color=blue]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:hover,:host([appearance=transparent][color=blue]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][color=blue]) button:focus,:host([appearance=transparent][color=blue]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:active,:host([appearance=transparent][color=blue]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][color=blue]) button calcite-loader,:host([appearance=transparent][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=red]) button,:host([appearance=transparent][color=red]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:hover,:host([appearance=transparent][color=red]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][color=red]) button:focus,:host([appearance=transparent][color=red]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:active,:host([appearance=transparent][color=red]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][color=red]) button calcite-loader,:host([appearance=transparent][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].cancel-editing-button) button{color:var(--calcite-ui-text-3);border-top-width:1px;border-top-color:var(--calcite-ui-border-input);border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-input);border-bottom-style:solid;border-top-style:solid}:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y:0}:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][color=inverse]) button,:host([appearance=transparent][color=inverse]) a,:host([appearance=transparent][color=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]:not([appearance=transparent])) button.content--slotted,:host([scale=m]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]:not([appearance=transparent])) button.content--slotted,:host([scale=l]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:11px}:host([scale=l][appearance=transparent]) button.content--slotted,:host([scale=l][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;font-size:var(--calcite-font-size-0);line-height:1.25rem;width:1.5rem;min-height:1.5rem}:host([scale=s][appearance=transparent]) button:not(.content--slotted),:host([scale=s][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.25rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;font-size:var(--calcite-font-size-0);line-height:1.25rem;width:2rem;min-height:2rem}:host([scale=m][appearance=transparent]) button:not(.content--slotted),:host([scale=m][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.5rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;font-size:var(--calcite-font-size-0);line-height:1.25rem;width:2.75rem;min-height:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:23px;font-size:var(--calcite-font-size-0);line-height:1.25rem;height:1.5rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;height:2rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:43px;font-size:var(--calcite-font-size-0);line-height:1.25rem;height:2.75rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:1rem;margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:2.75rem}";var CalciteButton=function(){function t(t){var e=this;registerInstance(this,t);this.alignment="center";this.appearance="solid";this.color="blue";this.disabled=false;this.intlLoading=TEXT.loading;this.loading=false;this.round=false;this.scale="m";this.splitChild=false;this.width="auto";this.mutationObserver=createObserver("mutation",(function(){return e.updateHasContent()}));this.childElType="button";this.hasContent=false;this.hasLoader=false;this.handleClick=function(){var t=e,a=t.childElType,o=t.formEl,n=t.type;if(a==="button"&&n!=="button"){if(n==="submit"){o===null||o===void 0?void 0:o.requestSubmit()}else if(n==="reset"){o===null||o===void 0?void 0:o.reset()}}}}t.prototype.hrefHandler=function(t){this.childElType=t?"a":"button"};t.prototype.loadingChanged=function(t,e){var a=this;if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((function(){a.hasLoader=false}),300)}};t.prototype.connectedCallback=function(){this.childElType=this.href?"a":"button";this.hasLoader=this.loading;this.setupTextContentObserver();connectLabel(this);this.formEl=closestElementCrossShadowBoundary(this.el,this.form?"#"+this.form:"form")};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectLabel(this);this.formEl=null};t.prototype.componentWillLoad=function(){{this.updateHasContent();if(this.childElType==="button"&&!this.type){this.type="submit"}}};t.prototype.render=function(){var t,e,a;var o=this;var n=getElementDir(this.el);var r=this.childElType;var i=this.hasLoader?h("div",{class:CSS.buttonLoader},h("calcite-loader",{active:true,class:this.loading?CSS.loadingIn:CSS.loadingOut,inline:true,label:this.intlLoading,scale:"m"})):null;var c=h("calcite-icon",{class:(t={},t[CSS.icon]=true,t[CSS.iconStart]=true,t),flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var l=h("calcite-icon",{class:(e={},e[CSS.icon]=true,e[CSS.iconEnd]=true,e),flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var s=h("span",{class:CSS.content},h("slot",null));return h(r,{"aria-label":getLabelText(this),class:(a={},a[CSS_UTILITY.rtl]=n==="rtl",a[CSS.contentSlotted]=this.hasContent,a),disabled:this.disabled||this.loading,href:this.childElType==="a"&&this.href,name:this.childElType==="button"&&this.name,onClick:this.handleClick,ref:function(t){return o.childEl=t},rel:this.childElType==="a"&&this.rel,tabIndex:this.disabled||this.loading?-1:null,target:this.childElType==="a"&&this.target,type:this.childElType==="button"&&this.type},i,this.iconStart?c:null,this.hasContent?s:null,this.iconEnd?l:null)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.childEl.focus();return[2]}))}))};t.prototype.updateHasContent=function(){var t,e;var a=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&((t=this.el.childNodes[0])===null||t===void 0?void 0:t.nodeName)==="#text"?((e=this.el.textContent)===null||e===void 0?void 0:e.trim().length)>0:a};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.onLabelClick=function(){this.handleClick();this.setFocus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:["hrefHandler"],loading:["loadingChanged"]}},enumerable:false,configurable:true});return t}();CalciteButton.style=calciteButtonCss;export{CalciteButton as calcite_button};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{a as isSymbol,S as Symbol,d as debounce}from"./debounce-79648d42.js";import{i as isArray,f as forIn}from"./forIn-48d8fb84.js";import{n as nodeListToArray,b as getElementDir,e as getElementProp,C as CSS_UTILITY}from"./dom-dc012a45.js";import{u as updatePopper,c as createPopper,C as CSS$2}from"./popper-ed1eefa6.js";import{g as guid}from"./guid-196bd5ea.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as connectForm,a as afterConnectDefaultValueSet,d as disconnectForm,H as HiddenFormInputSlot}from"./form-6b717ce8.js";import{c as createObserver}from"./observers-8f0bc419.js";function arrayMap(e,t){var i=-1,n=e==null?0:e.length,o=Array(n);while(++i<n){o[i]=t(e[i],i,e)}return o}var INFINITY=1/0;var symbolProto=Symbol?Symbol.prototype:undefined,symbolToString=symbolProto?symbolProto.toString:undefined;function baseToString(e){if(typeof e=="string"){return e}if(isArray(e)){return arrayMap(e,baseToString)+""}if(isSymbol(e)){return symbolToString?symbolToString.call(e):""}var t=e+"";return t=="0"&&1/e==-INFINITY?"-0":t}function toString(e){return e==null?"":baseToString(e)}var reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reHasRegExpChar=RegExp(reRegExpChar.source);function escapeRegExp(e){e=toString(e);return e&&reHasRegExpChar.test(e)?e.replace(reRegExpChar,"\\$&"):e}var filter=function(e,t){var i=escapeRegExp(t);var n=new RegExp(i,"i");if(e.length===0){console.warn("No data was passed to the filter function.\n The data argument should be an array of objects")}var o=function(e,t){var i;if((i=e)===null||i===void 0?void 0:i.constant){return true}var n=false;forIn(e,(function(e){if(typeof e==="function"){return}if(Array.isArray(e)||typeof e==="object"&&e!==null){if(o(e,t)){n=true}}else if(t.test(e)){n=true}}));return n};var a=e.filter((function(e){return o(e,n)}));return a};var ComboboxItem="CALCITE-COMBOBOX-ITEM";var ComboboxItemGroup="CALCITE-COMBOBOX-ITEM-GROUP";var ComboboxChildSelector=ComboboxItem+", "+ComboboxItemGroup;var ComboboxDefaultPlacement="bottom-leading";function getAncestors(e){var t,i;var n=(t=e.parentElement)===null||t===void 0?void 0:t.closest(ComboboxChildSelector);var o=(i=n===null||n===void 0?void 0:n.parentElement)===null||i===void 0?void 0:i.closest(ComboboxChildSelector);return[n,o].filter((function(e){return e}))}function getItemAncestors(e){var t;return((t=e.ancestors)===null||t===void 0?void 0:t.filter((function(e){return e.nodeName==="CALCITE-COMBOBOX-ITEM"})))||[]}function getItemChildren(e){return nodeListToArray(e.querySelectorAll("calcite-combobox-item"))}function hasActiveChildren(e){var t=nodeListToArray(e.querySelectorAll("calcite-combobox-item"));return t.filter((function(e){return e.selected})).length>0}function getDepth(e){var t=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return t.snapshotLength}var calciteComboboxCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:relative}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);padding:0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding:0 var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.grid-input{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input{-ms-flex-positive:1;flex-grow:1;font-family:inherit;padding:0;background-color:transparent;border-style:none;color:var(--calcite-ui-text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-width:120px;margin-bottom:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-bottom:0;margin-top:0;padding:0}.wrapper--active .input-single{cursor:text}.input--hidden{width:0;min-width:0;opacity:0;pointer-events:none}.input--icon{padding:0 var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.input-wrap--single{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.label{padding:0;display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-normal);-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--spaced{padding-top:0;padding-bottom:0;padding-left:var(--calcite-combobox-item-spacing-unit-l);padding-right:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:1rem}.icon-end{-ms-flex:none;flex:none}.popper-container{width:100%;display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.popper-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.popper-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.popper-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.popper-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.popper-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.popper-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.popper-container--active{pointer-events:initial;visibility:visible}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{overflow-y:auto;max-height:100vh;background-color:var(--calcite-ui-foreground-1);width:var(--calcite-dropdown-width)}.list{display:block;margin:0;padding:0}.list--hide{height:0;overflow:hidden}.chip{margin:calc(var(--calcite-combobox-item-spacing-unit-s) / 2) var(--calcite-combobox-item-spacing-unit-s) calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;max-width:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.chip:last-child{margin-right:0}.chip--rtl{margin-right:unset;margin-left:var(--calcite-combobox-item-spacing-unit-l)}.chip--rtl:last-child{margin-left:0}.item{display:block}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var isGroup=function(e){return e.tagName===ComboboxItemGroup};var CalciteCombobox=function(){function e(e){var t=this;registerInstance(this,e);this.calciteLookupChange=createEvent(this,"calciteLookupChange",7);this.calciteComboboxChange=createEvent(this,"calciteComboboxChange",7);this.calciteComboboxFilterChange=createEvent(this,"calciteComboboxFilterChange",7);this.calciteComboboxChipDismiss=createEvent(this,"calciteComboboxChipDismiss",7);this.calciteComboboxOpen=createEvent(this,"calciteComboboxOpen",7);this.calciteComboboxClose=createEvent(this,"calciteComboboxClose",7);this.active=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multi";this.scale="m";this.value=null;this.internalValueChangeFlag=false;this.items=[];this.groupItems=[];this.selectedItems=[];this.visibleItems=[];this.hideList=!this.active;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.text="";this.open=this.active;this.maxScrollerHeight=0;this.textInput=null;this.mutationObserver=createObserver("mutation",(function(){return t.updateItems()}));this.guid=guid();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.activeTransitionProp="opacity";this.getValue=function(){var e=t.selectedItems.map((function(e){return e===null||e===void 0?void 0:e.value.toString()}));return(e===null||e===void 0?void 0:e.length)?e.length>1?e:e[0]:""};this.onLabelClick=function(){t.setFocus()};this.keydownHandler=function(e){var i=e.key;switch(i){case"Tab":t.activeChipIndex=-1;t.activeItemIndex=-1;if(t.allowCustomValues&&t.text){t.addCustomChip(t.text,true);e.preventDefault()}else{t.active=false}break;case"ArrowLeft":t.previousChip();break;case"ArrowRight":t.nextChip();break;case"ArrowUp":e.preventDefault();t.active=true;t.shiftActiveItemIndex(-1);break;case"ArrowDown":e.preventDefault();t.active=true;t.shiftActiveItemIndex(1);break;case"Home":t.active=true;t.updateActiveItemIndex(0);break;case"End":t.active=true;t.updateActiveItemIndex(t.visibleItems.length-1);break;case"Escape":t.active=false;break;case"Enter":if(t.activeItemIndex>-1){t.toggleSelection(t.visibleItems[t.activeItemIndex])}else if(t.activeChipIndex>-1){t.removeActiveChip()}else if(t.allowCustomValues&&t.text){t.addCustomChip(t.text,true)}break;case"Delete":case"Backspace":if(t.activeChipIndex>-1){t.removeActiveChip()}else if(!t.text&&t.isMulti()){t.removeLastChip()}break;default:if(!t.active){t.setFocus()}break}};this.toggleCloseEnd=function(){t.hideList=true;t.el.removeEventListener("calciteComboboxClose",t.toggleCloseEnd)};this.toggleOpenEnd=function(){t.hideList=false;t.el.removeEventListener("calciteComboboxOpen",t.toggleOpenEnd)};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.active?t.calciteComboboxOpen.emit():t.calciteComboboxClose.emit()}};this.setMaxScrollerHeight=function(){if(t.active){t.maxScrollerHeight=t.getMaxScrollerHeight(t.getCombinedItems())}};this.calciteChipDismissHandler=function(e,i){t.active=false;var n=t.items.find((function(e){return e===i}));if(n){t.toggleSelection(n,false)}t.calciteComboboxChipDismiss.emit(e.detail)};this.setFocusClick=function(e){if(e.composedPath().some((function(e){return e.tagName==="CALCITE-CHIP"}))){return}t.setFocus()};this.setInactiveIfNotContained=function(e){var i=e.composedPath();if(!t.active||i.includes(t.el)||i.includes(t.referenceEl)){return}if(t.allowCustomValues&&t.text){t.addCustomChip(t.text)}if(t.selectionMode==="single"){if(t.textInput){t.textInput.value=""}t.text="";t.filterItems("");t.updateActiveItemIndex(-1)}t.active=false};this.setMenuEl=function(e){t.menuEl=e};this.setListContainerEl=function(e){t.listContainerEl=e};this.setReferenceEl=function(e){t.referenceEl=e};this.inputHandler=function(e){var i=e.target.value;t.text=i;t.filterItems(i);if(i){t.activeChipIndex=-1}};this.filterItems=function(){var e=function(e,t){return e&&t.some((function(t){var i=t.label,n=t.value;if(isGroup(e)){return n===e.label||n===e.label}return n===e.textLabel||n===e.value||i===e.textLabel||i===e.value}))};return debounce((function(i){var n=filter(t.data,i);var o=t.getCombinedItems();o.forEach((function(t){var i=!e(t,n);t.hidden=i;var o=t.ancestors,a=o[0],r=o[1];if(e(a,n)||e(r,n)){t.hidden=false}if(!i){t.ancestors.forEach((function(e){return e.hidden=false}))}}));t.visibleItems=t.getVisibleItems();t.calciteComboboxFilterChange.emit({visibleItems:__spreadArray([],t.visibleItems),text:i})}),100)}();this.internalCalciteLookupChangeEvent=function(){t.calciteLookupChange.emit(t.selectedItems)};this.emitCalciteLookupChange=debounce(this.internalCalciteLookupChangeEvent,0);this.internalComboboxChangeEvent=function(){var e=t.selectedItems;t.calciteComboboxChange.emit({selectedItems:e})};this.emitComboboxChange=debounce(this.internalComboboxChangeEvent,0);this.updateItems=function(){t.items=t.getItems();t.groupItems=t.getGroupItems();t.data=t.getData();t.selectedItems=t.getSelectedItems();t.visibleItems=t.getVisibleItems();t.needsIcon=t.getNeedsIcon();if(!t.allowCustomValues){t.setMaxScrollerHeight()}};this.comboboxFocusHandler=function(){var e;t.active=true;(e=t.textInput)===null||e===void 0?void 0:e.focus()};this.comboboxBlurHandler=function(e){t.setInactiveIfNotContained(e)}}e.prototype.activeHandler=function(e,t){var i=this;if(t&&!e){this.el.addEventListener("calciteComboboxClose",this.toggleCloseEnd);this.open=false}else if(!t&&e){this.el.addEventListener("calciteComboboxOpen",this.toggleOpenEnd);requestAnimationFrame((function(){i.reposition();i.setMaxScrollerHeight();i.open=true}))}this.reposition();this.setMaxScrollerHeight()};e.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};e.prototype.valueHandler=function(e){if(!this.internalValueChangeFlag){var t=this.getItems();if(Array.isArray(e)){t.forEach((function(t){return t.selected=e.includes(t.value)}))}else if(e){t.forEach((function(t){return t.selected=e===t.value}))}else{t.forEach((function(e){return e.selected=false}))}this.updateItems()}};e.prototype.documentClickHandler=function(e){this.setInactiveIfNotContained(e)};e.prototype.calciteComboboxItemChangeHandler=function(e){if(this.ignoreSelectedEventsFlag){return}var t=e.target;this.toggleSelection(t,t.selected)};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,o;return __generator(this,(function(a){switch(a.label){case 0:e=this,t=e.popper,i=e.menuEl;n=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:i,modifiers:n,placement:ComboboxDefaultPlacement,popper:t})];case 1:o=a.sent();return[3,3];case 2:o=this.createPopper();a.label=3;case 3:o;return[2]}}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.active=true;(e=this.textInput)===null||e===void 0?void 0:e.focus();this.activeChipIndex=-1;this.activeItemIndex=-1;return[2]}))}))};e.prototype.connectedCallback=function(){var e;this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.createPopper();connectLabel(this);connectForm(this)};e.prototype.componentWillLoad=function(){this.updateItems()};e.prototype.componentDidLoad=function(){afterConnectDefaultValueSet(this,this.getValue())};e.prototype.componentDidRender=function(){if(this.el.offsetHeight!==this.inputHeight){this.reposition();this.inputHeight=this.el.offsetHeight}};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.destroyPopper();disconnectLabel(this);disconnectForm(this)};e.prototype.selectedItemsHandler=function(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false};e.prototype.textHandler=function(){this.updateActiveItemIndex(-1)};e.prototype.getModifiers=function(){var e={name:"flip",enabled:true};e.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[e]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.menuEl,i=e.referenceEl,n=e.overlayPositioning;var o=this.getModifiers();this.popper=createPopper({el:t,modifiers:o,overlayPositioning:n,placement:ComboboxDefaultPlacement,referenceEl:i})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.getMaxScrollerHeight=function(e){var t=this;var i=this.maxItems;var n=0;var o=0;e.forEach((function(e){if(n<i&&i>0){var a=t.calculateSingleItemHeight(e);if(a>0){o+=a;n++}}}));return o};e.prototype.calculateSingleItemHeight=function(e){var t=e.offsetHeight;var i=Array.from(e.querySelectorAll(ComboboxChildSelector));i.map((function(e){return e===null||e===void 0?void 0:e.offsetHeight})).forEach((function(e){t-=e}));return t};e.prototype.getCombinedItems=function(){return __spreadArray(__spreadArray([],this.groupItems),this.items)};e.prototype.toggleSelection=function(e,t){if(t===void 0){t=!e.selected}if(!e){return}if(this.isMulti()){e.selected=t;this.updateAncestors(e);this.selectedItems=this.getSelectedItems();this.emitCalciteLookupChange();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((function(i){return i.selected=i===e?t:false}));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=e.textLabel}this.active=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}};e.prototype.updateAncestors=function(e){if(this.selectionMode!=="ancestors"){return}var t=getItemAncestors(e);var i=getItemChildren(e);if(e.selected){t.forEach((function(e){e.selected=true}))}else{i.forEach((function(e){return e.selected=false}));__spreadArray([],t).forEach((function(e){if(!hasActiveChildren(e)){e.selected=false}}))}};e.prototype.getVisibleItems=function(){return this.items.filter((function(e){return!e.hidden}))};e.prototype.getSelectedItems=function(){var e=this;return!this.isMulti()?[this.items.find((function(e){return e.selected}))]:this.items.filter((function(t){return t.selected&&(e.selectionMode!=="ancestors"||!hasActiveChildren(t))})).sort((function(t,i){var n=e.selectedItems.indexOf(t);var o=e.selectedItems.indexOf(i);if(n>-1&&o>-1){return n-o}return o-n}))};e.prototype.getData=function(){return this.items.map((function(e){return{constant:e.constant,value:e.value,label:e.textLabel,guid:e.guid}}))};e.prototype.getNeedsIcon=function(){return this.selectionMode==="single"&&this.items.some((function(e){return e.icon}))};e.prototype.resetText=function(){if(this.textInput){this.textInput.value=""}this.text=""};e.prototype.getItems=function(){var e=Array.from(this.el.querySelectorAll(ComboboxItem));return e.filter((function(e){return!e.disabled}))};e.prototype.getGroupItems=function(){return Array.from(this.el.querySelectorAll(ComboboxItemGroup))};e.prototype.addCustomChip=function(e,t){var i=this.items.find((function(t){return t.textLabel===e}));if(i){this.toggleSelection(i,true)}else{var n=document.createElement(ComboboxItem);n.value=e;n.textLabel=e;n.guid=guid();n.selected=true;this.el.appendChild(n);this.resetText();if(t){this.setFocus()}this.updateItems();this.filterItems("");this.emitCalciteLookupChange();this.emitComboboxChange()}};e.prototype.removeActiveChip=function(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()};e.prototype.removeLastChip=function(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()};e.prototype.previousChip=function(){if(this.text){return}var e=this.selectedItems.length-1;var t=this.activeChipIndex;this.activeChipIndex=t===-1?e:Math.max(t-1,0);this.updateActiveItemIndex(-1);this.focusChip()};e.prototype.nextChip=function(){if(this.text||this.activeChipIndex===-1){return}var e=this.selectedItems.length-1;var t=this.activeChipIndex+1;if(t>e){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=t;this.focusChip()}this.updateActiveItemIndex(-1)};e.prototype.focusChip=function(){var e;var t=(e=this.selectedItems[this.activeChipIndex])===null||e===void 0?void 0:e.guid;var i=this.referenceEl.querySelector("#chip-"+t);i===null||i===void 0?void 0:i.setFocus()};e.prototype.shiftActiveItemIndex=function(e){var t=this.visibleItems.length;var i=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(i);var n=this.visibleItems[this.activeItemIndex];var o=this.calculateSingleItemHeight(n);var a=this.listContainerEl,r=a.offsetHeight,s=a.scrollTop;if(r+s<n.offsetTop+o){this.listContainerEl.scrollTop=n.offsetTop-r+o}else if(n.offsetTop<s){this.listContainerEl.scrollTop=n.offsetTop}};e.prototype.updateActiveItemIndex=function(e){var t;this.activeItemIndex=e;var i=null;this.visibleItems.forEach((function(t,n){if(n===e){t.active=true;i=t.guid}else{t.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1;(t=this.textInput)===null||t===void 0?void 0:t.focus()}};e.prototype.isMulti=function(){return this.selectionMode!=="single"};e.prototype.renderChips=function(){var e=this;var t=this,i=t.activeChipIndex,n=t.scale,o=t.selectionMode,a=t.el;var r=getElementDir(a);return this.selectedItems.map((function(t,a){var s={chip:true,"chip--active":i===a,"chip--rtl":r==="rtl"};var c=__spreadArray([],getItemAncestors(t)).reverse();var l=__spreadArray(__spreadArray([],c),[t]).map((function(e){return e.textLabel}));var m=o!=="ancestors"?t.textLabel:l.join(" / ");return h("calcite-chip",{"aria-label":m,class:s,dismissLabel:"remove tag",dismissible:true,icon:t.icon,id:"chip-"+t.guid,key:t.textLabel,onCalciteChipDismiss:function(i){return e.calciteChipDismissHandler(i,t)},scale:n,title:m,value:t.value},m)}))};e.prototype.renderInput=function(){var e=this;var t=this,i=t.active,n=t.disabled,o=t.placeholder,a=t.selectionMode,r=t.needsIcon,s=t.selectedItems;var c=a==="single";var l=s[0];var m=!i&&c&&!!l;return h("span",{class:{"input-wrap":true,"input-wrap--single":c}},m&&h("span",{class:{label:true,"label--spaced":r},key:"label",onFocus:this.comboboxFocusHandler,tabindex:"0"},l.textLabel),h("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":guid,"aria-label":getLabelText(this),class:{input:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":m,"input--icon":c&&r},disabled:n,id:guid+"-input",key:"input",onBlur:this.comboboxBlurHandler,onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:o,ref:function(t){return e.textInput=t},type:"text"}))};e.prototype.renderListBoxOptions=function(){return this.visibleItems.map((function(e){return h("li",{"aria-selected":(!!e.selected).toString(),id:e.guid,role:"option",tabindex:"-1"},e.textLabel)}))};e.prototype.renderPopperContainer=function(){var e;var t=this,i=t.active,n=t.maxScrollerHeight,o=t.setMenuEl,a=t.setListContainerEl,r=t.hideList,s=t.open;var c=(e={"list-container":true},e[CSS$2.animation]=true,e[CSS$2.animationActive]=i,e);var l={maxHeight:n>0?n+"px":""};return h("div",{"aria-hidden":"true",class:{"popper-container":true,"popper-container--active":s},ref:o},h("div",{class:c,onTransitionEnd:this.transitionEnd,ref:a,style:l},h("ul",{class:{list:true,"list--hide":r}},h("slot",null))))};e.prototype.renderIconStart=function(){var e=this,t=e.selectionMode,i=e.needsIcon,n=e.selectedItems;var o=n[0];return t==="single"&&i&&h("span",{class:"icon-start"},(o===null||o===void 0?void 0:o.icon)&&h("calcite-icon",{class:"selected-icon",icon:o.icon,scale:"s"}))};e.prototype.renderIconEnd=function(){return h("span",{class:"icon-end"},h("calcite-icon",{icon:"chevron-down",scale:"s"}))};e.prototype.render=function(){var e=this,t=e.guid,i=e.open,n=e.label;var o=this.selectionMode==="single";var a=t+"-label";return h(Host,{onKeyDown:this.keydownHandler},h("div",{"aria-autocomplete":"list","aria-expanded":i.toString(),"aria-haspopup":"listbox","aria-labelledby":a,"aria-owns":t,class:{wrapper:true,"wrapper--single":o||!this.selectedItems.length,"wrapper--active":i},onClick:this.setFocusClick,ref:this.setReferenceEl,role:"combobox"},h("div",{class:"grid-input"},this.renderIconStart(),!o&&this.renderChips(),h("label",{class:"screen-readers-only",htmlFor:t+"-input",id:a},n),this.renderInput()),this.renderIconEnd()),h("ul",{"aria-labelledby":a,"aria-multiselectable":"true",class:"screen-readers-only",id:t,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderPopperContainer(),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],maxItems:["maxItemsHandler"],value:["valueHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"]}},enumerable:false,configurable:true});return e}();CalciteCombobox.style=calciteComboboxCss;var CSS$1={icon:"icon",iconActive:"icon--active",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};var calciteComboboxItemCss='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}.container{--calcite-combobox-item-indent-value:calc(\n var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n );--calcite-combobox-item-indent-start:var(--calcite-combobox-item-indent-value);--calcite-combobox-item-indent-end:unset}.calcite--rtl{--calcite-combobox-item-indent-start:unset;--calcite-combobox-item-indent-end:var(--calcite-combobox-item-indent-value)}:host(:focus){-webkit-box-shadow:none;box-shadow:none}:host,ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;outline:2px solid transparent;outline-offset:2px}.label{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:100%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);cursor:pointer;position:relative;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-decoration:none;padding:var(--calcite-combobox-item-spacing-unit-s) var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}.label--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover,.label:active{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2);-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.title{padding:0 var(--calcite-combobox-item-spacing-unit-l)}.icon{display:-ms-inline-flexbox;display:inline-flex;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-ui-border-1)}.icon--indent{padding-left:var(--calcite-combobox-item-indent-start);padding-right:var(--calcite-combobox-item-indent-end)}.icon--custom{margin-top:-1px;color:var(--calcite-ui-text-3)}.icon--active{color:var(--calcite-ui-text-1)}.icon--dot{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:var(--calcite-combobox-item-spacing-unit-l)}.icon--dot:before{content:"•"}.calcite--rtl .icon--dot:before{text-align:right}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-ui-brand)}:host(:hover[disabled]) .icon{opacity:1}';var CalciteComboboxItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteComboboxItemChange=createEvent(this,"calciteComboboxItemChange",7);this.disabled=false;this.selected=false;this.active=false;this.guid=guid();this.scale="m";this.itemClickHandler=function(e){e.preventDefault();if(t.disabled){return}t.selected=!t.selected}}e.prototype.selectedWatchHandler=function(){this.calciteComboboxItemChange.emit(this.el)};e.prototype.connectedCallback=function(){this.ancestors=getAncestors(this.el);this.scale=getElementProp(this.el,"scale",this.scale)};e.prototype.componentWillLoad=function(){this.hasDefaultSlot=this.el.querySelector(":not([slot])")!==null};e.prototype.toggleSelected=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.disabled){return[2]}this.selected=typeof e==="boolean"?e:!this.selected;return[2]}))}))};e.prototype.renderIcon=function(e){var t,i;var n=this,o=n.icon,a=n.disabled,r=n.selected;var s=CSS$1.icon+"--indent";var c=e?"dot":"check";var l=a?"circle-disallowed":c;var m=e&&!o&&!a;return m?h("span",{class:(t={},t[CSS$1.icon]=true,t[CSS$1.dot]=true,t[s]=true,t)}):h("calcite-icon",{class:(i={},i[CSS$1.icon]=!o,i[CSS$1.custom]=!!o,i[CSS$1.iconActive]=o&&r,i[s]=true,i),icon:o||l,scale:"s"})};e.prototype.renderChildren=function(){if(!this.hasDefaultSlot){return null}return h("ul",null,h("slot",null))};e.prototype.render=function(){var e;var t=getElementProp(this.el,"selection-mode","multi")==="single";var i=getElementDir(this.el);var n=(e={},e[CSS_UTILITY.rtl]=i==="rtl",e[CSS$1.label]=true,e[CSS$1.selected]=this.selected,e[CSS$1.active]=this.active,e[CSS$1.single]=t,e);var o=getDepth(this.el);return h(Host,{"aria-hidden":"true"},h("div",{class:"container scale--"+this.scale,style:{"--calcite-combobox-item-spacing-indent-multiplier":""+o}},h("li",{class:n,id:this.guid,onClick:this.itemClickHandler},this.renderIcon(t),h("span",{class:CSS$1.title},this.textLabel)),this.renderChildren()))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["selectedWatchHandler"]}},enumerable:false,configurable:true});return e}();CalciteComboboxItem.style=calciteComboboxItemCss;var CSS={list:"list",label:"label",title:"title"};var calciteComboboxItemGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-combobox-item-indent-start-1:var(--calcite-combobox-item-spacing-indent-1);--calcite-combobox-item-indent-end-1:unset;--calcite-combobox-item-indent-start-2:var(--calcite-combobox-item-spacing-indent-2);--calcite-combobox-item-indent-end-2:unset}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}.calcite--rtl{--calcite-combobox-item-indent-start-1:unset;--calcite-combobox-item-indent-end-1:var(--calcite-combobox-item-spacing-indent-1);--calcite-combobox-item-indent-start-2:unset;--calcite-combobox-item-indent-end-2:var(--calcite-combobox-item-spacing-indent-2)}:host,.list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;outline:2px solid transparent;outline-offset:2px}.label{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;min-width:0;color:var(--calcite-ui-text-3);display:-ms-flexbox;display:flex}.label--indent-1{padding-left:var(--calcite-combobox-item-indent-start-1);padding-right:var(--calcite-combobox-item-indent-end-1)}.label--indent-2{padding-left:var(--calcite-combobox-item-indent-start-2);padding-right:var(--calcite-combobox-item-indent-end-2)}.title{border:0 solid;display:block;-ms-flex:1 1 0%;flex:1 1 0%;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px;color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;padding:var(--calcite-combobox-item-spacing-unit-l) 0;margin-left:var(--calcite-combobox-item-spacing-unit-s);margin-right:var(--calcite-combobox-item-spacing-unit-s)}";var CalciteComboboxItemGroup=function(){function e(e){registerInstance(this,e);this.guid=guid();this.scale="m"}e.prototype.connectedCallback=function(){this.ancestors=getAncestors(this.el);this.scale=getElementProp(this.el,"scale",this.scale)};e.prototype.render=function(){var e,t;var i=this,n=i.el,o=i.scale;var a=getElementDir(n);var r=CSS.label+"--indent-"+getDepth(n);return h("ul",{"aria-labelledby":this.guid,class:(e={},e[CSS.list]=true,e[CSS_UTILITY.rtl]=a==="rtl",e["scale--"+o]=true,e),role:"group"},h("li",{class:(t={},t[CSS.label]=true,t[r]=true,t),id:this.guid,role:"presentation"},h("span",{class:CSS.title},this.label)),h("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteComboboxItemGroup.style=calciteComboboxItemGroupCss;export{CalciteCombobox as calcite_combobox,CalciteComboboxItem as calcite_combobox_item,CalciteComboboxItemGroup as calcite_combobox_item_group};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{a as isSymbol,S as Symbol,d as debounce}from"./debounce-79648d42.js";import{i as isArray,f as forIn}from"./forIn-48d8fb84.js";import{n as nodeListToArray,b as getElementDir,e as getElementProp,C as CSS_UTILITY}from"./dom-dc012a45.js";import{u as updatePopper,c as createPopper,C as CSS$2}from"./popper-ed1eefa6.js";import{g as guid}from"./guid-196bd5ea.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as connectForm,a as afterConnectDefaultValueSet,d as disconnectForm,H as HiddenFormInputSlot}from"./form-6b717ce8.js";import{c as createObserver}from"./observers-8f0bc419.js";function arrayMap(e,t){var i=-1,n=e==null?0:e.length,o=Array(n);while(++i<n){o[i]=t(e[i],i,e)}return o}var INFINITY=1/0;var symbolProto=Symbol?Symbol.prototype:undefined,symbolToString=symbolProto?symbolProto.toString:undefined;function baseToString(e){if(typeof e=="string"){return e}if(isArray(e)){return arrayMap(e,baseToString)+""}if(isSymbol(e)){return symbolToString?symbolToString.call(e):""}var t=e+"";return t=="0"&&1/e==-INFINITY?"-0":t}function toString(e){return e==null?"":baseToString(e)}var reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reHasRegExpChar=RegExp(reRegExpChar.source);function escapeRegExp(e){e=toString(e);return e&&reHasRegExpChar.test(e)?e.replace(reRegExpChar,"\\$&"):e}var filter=function(e,t){var i=escapeRegExp(t);var n=new RegExp(i,"i");if(e.length===0){console.warn("No data was passed to the filter function.\n The data argument should be an array of objects")}var o=function(e,t){var i;if((i=e)===null||i===void 0?void 0:i.constant){return true}var n=false;forIn(e,(function(e){if(typeof e==="function"){return}if(Array.isArray(e)||typeof e==="object"&&e!==null){if(o(e,t)){n=true}}else if(t.test(e)){n=true}}));return n};var a=e.filter((function(e){return o(e,n)}));return a};var ComboboxItem="CALCITE-COMBOBOX-ITEM";var ComboboxItemGroup="CALCITE-COMBOBOX-ITEM-GROUP";var ComboboxChildSelector=ComboboxItem+", "+ComboboxItemGroup;var ComboboxDefaultPlacement="bottom-leading";function getAncestors(e){var t,i;var n=(t=e.parentElement)===null||t===void 0?void 0:t.closest(ComboboxChildSelector);var o=(i=n===null||n===void 0?void 0:n.parentElement)===null||i===void 0?void 0:i.closest(ComboboxChildSelector);return[n,o].filter((function(e){return e}))}function getItemAncestors(e){var t;return((t=e.ancestors)===null||t===void 0?void 0:t.filter((function(e){return e.nodeName==="CALCITE-COMBOBOX-ITEM"})))||[]}function getItemChildren(e){return nodeListToArray(e.querySelectorAll("calcite-combobox-item"))}function hasActiveChildren(e){var t=nodeListToArray(e.querySelectorAll("calcite-combobox-item"));return t.filter((function(e){return e.selected})).length>0}function getDepth(e){var t=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return t.snapshotLength}var calciteComboboxCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:relative}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);padding:0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding:0 var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.grid-input{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input{-ms-flex-positive:1;flex-grow:1;font-family:inherit;padding:0;background-color:transparent;border-style:none;color:var(--calcite-ui-text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-width:120px;margin-bottom:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-bottom:0;margin-top:0;padding:0}.wrapper--active .input-single{cursor:text}.input--hidden{width:0;min-width:0;opacity:0;pointer-events:none}.input--icon{padding:0 var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.input-wrap--single{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.label{padding:0;display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-normal);-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--spaced{padding-top:0;padding-bottom:0;padding-left:var(--calcite-combobox-item-spacing-unit-l);padding-right:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:1rem}.icon-end{-ms-flex:none;flex:none}.popper-container{width:100%;display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.popper-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.popper-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.popper-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.popper-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.popper-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.popper-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.popper-container--active{pointer-events:initial;visibility:visible}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{overflow-y:auto;max-height:100vh;background-color:var(--calcite-ui-foreground-1);width:var(--calcite-dropdown-width)}.list{display:block;margin:0;padding:0}.list--hide{height:0;overflow:hidden}.chip{margin:calc(var(--calcite-combobox-item-spacing-unit-s) / 2) var(--calcite-combobox-item-spacing-unit-s) calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;max-width:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.chip:last-child{margin-right:0}.chip--rtl{margin-right:unset;margin-left:var(--calcite-combobox-item-spacing-unit-l)}.chip--rtl:last-child{margin-left:0}.item{display:block}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var isGroup=function(e){return e.tagName===ComboboxItemGroup};var CalciteCombobox=function(){function e(e){var t=this;registerInstance(this,e);this.calciteLookupChange=createEvent(this,"calciteLookupChange",7);this.calciteComboboxChange=createEvent(this,"calciteComboboxChange",7);this.calciteComboboxFilterChange=createEvent(this,"calciteComboboxFilterChange",7);this.calciteComboboxChipDismiss=createEvent(this,"calciteComboboxChipDismiss",7);this.calciteComboboxOpen=createEvent(this,"calciteComboboxOpen",7);this.calciteComboboxClose=createEvent(this,"calciteComboboxClose",7);this.active=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.required=false;this.selectionMode="multi";this.scale="m";this.value=null;this.internalValueChangeFlag=false;this.items=[];this.groupItems=[];this.selectedItems=[];this.visibleItems=[];this.hideList=!this.active;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.text="";this.open=this.active;this.maxScrollerHeight=0;this.textInput=null;this.mutationObserver=createObserver("mutation",(function(){return t.updateItems()}));this.guid=guid();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.activeTransitionProp="opacity";this.getValue=function(){var e=t.selectedItems.map((function(e){return e===null||e===void 0?void 0:e.value.toString()}));return(e===null||e===void 0?void 0:e.length)?e.length>1?e:e[0]:""};this.onLabelClick=function(){t.setFocus()};this.keydownHandler=function(e){var i=e.key;switch(i){case"Tab":t.activeChipIndex=-1;t.activeItemIndex=-1;if(t.allowCustomValues&&t.text){t.addCustomChip(t.text,true);e.preventDefault()}else{t.active=false}break;case"ArrowLeft":t.previousChip();break;case"ArrowRight":t.nextChip();break;case"ArrowUp":e.preventDefault();t.active=true;t.shiftActiveItemIndex(-1);break;case"ArrowDown":e.preventDefault();t.active=true;t.shiftActiveItemIndex(1);break;case"Home":t.active=true;t.updateActiveItemIndex(0);break;case"End":t.active=true;t.updateActiveItemIndex(t.visibleItems.length-1);break;case"Escape":t.active=false;break;case"Enter":if(t.activeItemIndex>-1){t.toggleSelection(t.visibleItems[t.activeItemIndex])}else if(t.activeChipIndex>-1){t.removeActiveChip()}else if(t.allowCustomValues&&t.text){t.addCustomChip(t.text,true)}break;case"Delete":case"Backspace":if(t.activeChipIndex>-1){t.removeActiveChip()}else if(!t.text&&t.isMulti()){t.removeLastChip()}break;default:if(!t.active){t.setFocus()}break}};this.toggleCloseEnd=function(){t.hideList=true;t.el.removeEventListener("calciteComboboxClose",t.toggleCloseEnd)};this.toggleOpenEnd=function(){t.hideList=false;t.el.removeEventListener("calciteComboboxOpen",t.toggleOpenEnd)};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.active?t.calciteComboboxOpen.emit():t.calciteComboboxClose.emit()}};this.setMaxScrollerHeight=function(){if(t.active){t.maxScrollerHeight=t.getMaxScrollerHeight(t.getCombinedItems())}};this.calciteChipDismissHandler=function(e,i){t.active=false;var n=t.items.find((function(e){return e===i}));if(n){t.toggleSelection(n,false)}t.calciteComboboxChipDismiss.emit(e.detail)};this.setFocusClick=function(e){if(e.composedPath().some((function(e){return e.tagName==="CALCITE-CHIP"}))){return}t.setFocus()};this.setInactiveIfNotContained=function(e){var i=e.composedPath();if(!t.active&&!t.open||i.includes(t.el)||i.includes(t.referenceEl)){return}if(t.allowCustomValues&&t.text){t.addCustomChip(t.text)}if(t.selectionMode==="single"){if(t.textInput){t.textInput.value=""}t.text="";t.filterItems("");t.updateActiveItemIndex(-1)}t.active=false;t.open=false};this.setMenuEl=function(e){t.menuEl=e};this.setListContainerEl=function(e){t.listContainerEl=e};this.setReferenceEl=function(e){t.referenceEl=e};this.inputHandler=function(e){var i=e.target.value;t.text=i;t.filterItems(i);if(i){t.activeChipIndex=-1}};this.filterItems=function(){var e=function(e,t){return e&&t.some((function(t){var i=t.label,n=t.value;if(isGroup(e)){return n===e.label||n===e.label}return n===e.textLabel||n===e.value||i===e.textLabel||i===e.value}))};return debounce((function(i){var n=filter(t.data,i);var o=t.getCombinedItems();o.forEach((function(t){var i=!e(t,n);t.hidden=i;var o=t.ancestors,a=o[0],r=o[1];if(e(a,n)||e(r,n)){t.hidden=false}if(!i){t.ancestors.forEach((function(e){return e.hidden=false}))}}));t.visibleItems=t.getVisibleItems();t.calciteComboboxFilterChange.emit({visibleItems:__spreadArray([],t.visibleItems),text:i})}),100)}();this.internalCalciteLookupChangeEvent=function(){t.calciteLookupChange.emit(t.selectedItems)};this.emitCalciteLookupChange=debounce(this.internalCalciteLookupChangeEvent,0);this.internalComboboxChangeEvent=function(){var e=t.selectedItems;t.calciteComboboxChange.emit({selectedItems:e})};this.emitComboboxChange=debounce(this.internalComboboxChangeEvent,0);this.updateItems=function(){t.items=t.getItems();t.groupItems=t.getGroupItems();t.data=t.getData();t.selectedItems=t.getSelectedItems();t.visibleItems=t.getVisibleItems();t.needsIcon=t.getNeedsIcon();if(!t.allowCustomValues){t.setMaxScrollerHeight()}};this.comboboxFocusHandler=function(){var e;t.active=true;(e=t.textInput)===null||e===void 0?void 0:e.focus()};this.comboboxBlurHandler=function(e){t.setInactiveIfNotContained(e)}}e.prototype.activeHandler=function(e,t){var i=this;if(t&&!e){this.el.addEventListener("calciteComboboxClose",this.toggleCloseEnd);this.open=false}else if(!t&&e){this.el.addEventListener("calciteComboboxOpen",this.toggleOpenEnd);requestAnimationFrame((function(){i.reposition();i.setMaxScrollerHeight();i.open=true}))}this.reposition();this.setMaxScrollerHeight()};e.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};e.prototype.valueHandler=function(e){if(!this.internalValueChangeFlag){var t=this.getItems();if(Array.isArray(e)){t.forEach((function(t){return t.selected=e.includes(t.value)}))}else if(e){t.forEach((function(t){return t.selected=e===t.value}))}else{t.forEach((function(e){return e.selected=false}))}this.updateItems()}};e.prototype.documentClickHandler=function(e){this.setInactiveIfNotContained(e)};e.prototype.calciteComboboxItemChangeHandler=function(e){if(this.ignoreSelectedEventsFlag){return}var t=e.target;this.toggleSelection(t,t.selected)};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,o;return __generator(this,(function(a){switch(a.label){case 0:e=this,t=e.popper,i=e.menuEl;n=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:i,modifiers:n,placement:ComboboxDefaultPlacement,popper:t})];case 1:o=a.sent();return[3,3];case 2:o=this.createPopper();a.label=3;case 3:o;return[2]}}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.active=true;(e=this.textInput)===null||e===void 0?void 0:e.focus();this.activeChipIndex=-1;this.activeItemIndex=-1;return[2]}))}))};e.prototype.connectedCallback=function(){var e;this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.createPopper();connectLabel(this);connectForm(this)};e.prototype.componentWillLoad=function(){this.updateItems()};e.prototype.componentDidLoad=function(){afterConnectDefaultValueSet(this,this.getValue())};e.prototype.componentDidRender=function(){if(this.el.offsetHeight!==this.inputHeight){this.reposition();this.inputHeight=this.el.offsetHeight}};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.destroyPopper();disconnectLabel(this);disconnectForm(this)};e.prototype.selectedItemsHandler=function(){this.internalValueChangeFlag=true;this.value=this.getValue();this.internalValueChangeFlag=false};e.prototype.textHandler=function(){this.updateActiveItemIndex(-1)};e.prototype.getModifiers=function(){var e={name:"flip",enabled:true};e.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[e]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.menuEl,i=e.referenceEl,n=e.overlayPositioning;var o=this.getModifiers();this.popper=createPopper({el:t,modifiers:o,overlayPositioning:n,placement:ComboboxDefaultPlacement,referenceEl:i})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.getMaxScrollerHeight=function(e){var t=this;var i=this.maxItems;var n=0;var o=0;e.forEach((function(e){if(n<i&&i>0){var a=t.calculateSingleItemHeight(e);if(a>0){o+=a;n++}}}));return o};e.prototype.calculateSingleItemHeight=function(e){var t=e.offsetHeight;var i=Array.from(e.querySelectorAll(ComboboxChildSelector));i.map((function(e){return e===null||e===void 0?void 0:e.offsetHeight})).forEach((function(e){t-=e}));return t};e.prototype.getCombinedItems=function(){return __spreadArray(__spreadArray([],this.groupItems),this.items)};e.prototype.toggleSelection=function(e,t){if(t===void 0){t=!e.selected}if(!e){return}if(this.isMulti()){e.selected=t;this.updateAncestors(e);this.selectedItems=this.getSelectedItems();this.emitCalciteLookupChange();this.emitComboboxChange();this.resetText();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((function(i){return i.selected=i===e?t:false}));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();if(this.textInput){this.textInput.value=e.textLabel}this.active=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}};e.prototype.updateAncestors=function(e){if(this.selectionMode!=="ancestors"){return}var t=getItemAncestors(e);var i=getItemChildren(e);if(e.selected){t.forEach((function(e){e.selected=true}))}else{i.forEach((function(e){return e.selected=false}));__spreadArray([],t).forEach((function(e){if(!hasActiveChildren(e)){e.selected=false}}))}};e.prototype.getVisibleItems=function(){return this.items.filter((function(e){return!e.hidden}))};e.prototype.getSelectedItems=function(){var e=this;return!this.isMulti()?[this.items.find((function(e){return e.selected}))]:this.items.filter((function(t){return t.selected&&(e.selectionMode!=="ancestors"||!hasActiveChildren(t))})).sort((function(t,i){var n=e.selectedItems.indexOf(t);var o=e.selectedItems.indexOf(i);if(n>-1&&o>-1){return n-o}return o-n}))};e.prototype.getData=function(){return this.items.map((function(e){return{constant:e.constant,value:e.value,label:e.textLabel,guid:e.guid}}))};e.prototype.getNeedsIcon=function(){return this.selectionMode==="single"&&this.items.some((function(e){return e.icon}))};e.prototype.resetText=function(){if(this.textInput){this.textInput.value=""}this.text=""};e.prototype.getItems=function(){var e=Array.from(this.el.querySelectorAll(ComboboxItem));return e.filter((function(e){return!e.disabled}))};e.prototype.getGroupItems=function(){return Array.from(this.el.querySelectorAll(ComboboxItemGroup))};e.prototype.addCustomChip=function(e,t){var i=this.items.find((function(t){return t.textLabel===e}));if(i){this.toggleSelection(i,true)}else{var n=document.createElement(ComboboxItem);n.value=e;n.textLabel=e;n.guid=guid();n.selected=true;this.el.appendChild(n);this.resetText();if(t){this.setFocus()}this.updateItems();this.filterItems("");this.emitCalciteLookupChange();this.emitComboboxChange()}};e.prototype.removeActiveChip=function(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()};e.prototype.removeLastChip=function(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()};e.prototype.previousChip=function(){if(this.text){return}var e=this.selectedItems.length-1;var t=this.activeChipIndex;this.activeChipIndex=t===-1?e:Math.max(t-1,0);this.updateActiveItemIndex(-1);this.focusChip()};e.prototype.nextChip=function(){if(this.text||this.activeChipIndex===-1){return}var e=this.selectedItems.length-1;var t=this.activeChipIndex+1;if(t>e){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=t;this.focusChip()}this.updateActiveItemIndex(-1)};e.prototype.focusChip=function(){var e;var t=(e=this.selectedItems[this.activeChipIndex])===null||e===void 0?void 0:e.guid;var i=this.referenceEl.querySelector("#chip-"+t);i===null||i===void 0?void 0:i.setFocus()};e.prototype.shiftActiveItemIndex=function(e){var t=this.visibleItems.length;var i=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(i);var n=this.visibleItems[this.activeItemIndex];var o=this.calculateSingleItemHeight(n);var a=this.listContainerEl,r=a.offsetHeight,s=a.scrollTop;if(r+s<n.offsetTop+o){this.listContainerEl.scrollTop=n.offsetTop-r+o}else if(n.offsetTop<s){this.listContainerEl.scrollTop=n.offsetTop}};e.prototype.updateActiveItemIndex=function(e){var t;this.activeItemIndex=e;var i=null;this.visibleItems.forEach((function(t,n){if(n===e){t.active=true;i=t.guid}else{t.active=false}}));this.activeDescendant=i;if(this.activeItemIndex>-1){this.activeChipIndex=-1;(t=this.textInput)===null||t===void 0?void 0:t.focus()}};e.prototype.isMulti=function(){return this.selectionMode!=="single"};e.prototype.renderChips=function(){var e=this;var t=this,i=t.activeChipIndex,n=t.scale,o=t.selectionMode,a=t.el;var r=getElementDir(a);return this.selectedItems.map((function(t,a){var s={chip:true,"chip--active":i===a,"chip--rtl":r==="rtl"};var c=__spreadArray([],getItemAncestors(t)).reverse();var l=__spreadArray(__spreadArray([],c),[t]).map((function(e){return e.textLabel}));var m=o!=="ancestors"?t.textLabel:l.join(" / ");return h("calcite-chip",{"aria-label":m,class:s,dismissLabel:"remove tag",dismissible:true,icon:t.icon,id:"chip-"+t.guid,key:t.textLabel,onCalciteChipDismiss:function(i){return e.calciteChipDismissHandler(i,t)},scale:n,title:m,value:t.value},m)}))};e.prototype.renderInput=function(){var e=this;var t=this,i=t.active,n=t.disabled,o=t.placeholder,a=t.selectionMode,r=t.needsIcon,s=t.selectedItems;var c=a==="single";var l=s[0];var m=!i&&c&&!!l;return h("span",{class:{"input-wrap":true,"input-wrap--single":c}},m&&h("span",{class:{label:true,"label--spaced":r},key:"label",onFocus:this.comboboxFocusHandler,tabindex:"0"},l.textLabel),h("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":guid,"aria-label":getLabelText(this),class:{input:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":m,"input--icon":c&&r},disabled:n,id:guid+"-input",key:"input",onBlur:this.comboboxBlurHandler,onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:o,ref:function(t){return e.textInput=t},type:"text"}))};e.prototype.renderListBoxOptions=function(){return this.visibleItems.map((function(e){return h("li",{"aria-selected":(!!e.selected).toString(),id:e.guid,role:"option",tabindex:"-1"},e.textLabel)}))};e.prototype.renderPopperContainer=function(){var e;var t=this,i=t.active,n=t.maxScrollerHeight,o=t.setMenuEl,a=t.setListContainerEl,r=t.hideList,s=t.open;var c=(e={"list-container":true},e[CSS$2.animation]=true,e[CSS$2.animationActive]=i,e);var l={maxHeight:n>0?n+"px":""};return h("div",{"aria-hidden":"true",class:{"popper-container":true,"popper-container--active":s},ref:o},h("div",{class:c,onTransitionEnd:this.transitionEnd,ref:a,style:l},h("ul",{class:{list:true,"list--hide":r}},h("slot",null))))};e.prototype.renderIconStart=function(){var e=this,t=e.selectionMode,i=e.needsIcon,n=e.selectedItems;var o=n[0];return t==="single"&&i&&h("span",{class:"icon-start"},(o===null||o===void 0?void 0:o.icon)&&h("calcite-icon",{class:"selected-icon",icon:o.icon,scale:"s"}))};e.prototype.renderIconEnd=function(){return h("span",{class:"icon-end"},h("calcite-icon",{icon:"chevron-down",scale:"s"}))};e.prototype.render=function(){var e=this,t=e.guid,i=e.open,n=e.label;var o=this.selectionMode==="single";var a=t+"-label";return h(Host,{onKeyDown:this.keydownHandler},h("div",{"aria-autocomplete":"list","aria-expanded":i.toString(),"aria-haspopup":"listbox","aria-labelledby":a,"aria-owns":t,class:{wrapper:true,"wrapper--single":o||!this.selectedItems.length,"wrapper--active":i},onClick:this.setFocusClick,ref:this.setReferenceEl,role:"combobox"},h("div",{class:"grid-input"},this.renderIconStart(),!o&&this.renderChips(),h("label",{class:"screen-readers-only",htmlFor:t+"-input",id:a},n),this.renderInput()),this.renderIconEnd()),h("ul",{"aria-labelledby":a,"aria-multiselectable":"true",class:"screen-readers-only",id:t,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderPopperContainer(),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],maxItems:["maxItemsHandler"],value:["valueHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"]}},enumerable:false,configurable:true});return e}();CalciteCombobox.style=calciteComboboxCss;var CSS$1={icon:"icon",iconActive:"icon--active",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};var calciteComboboxItemCss='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}.container{--calcite-combobox-item-indent-value:calc(\n var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n );--calcite-combobox-item-indent-start:var(--calcite-combobox-item-indent-value);--calcite-combobox-item-indent-end:unset}.calcite--rtl{--calcite-combobox-item-indent-start:unset;--calcite-combobox-item-indent-end:var(--calcite-combobox-item-indent-value)}:host(:focus){-webkit-box-shadow:none;box-shadow:none}:host,ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;outline:2px solid transparent;outline-offset:2px}.label{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:100%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);cursor:pointer;position:relative;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-decoration:none;padding:var(--calcite-combobox-item-spacing-unit-s) var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}.label--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover,.label:active{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2);-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.title{padding:0 var(--calcite-combobox-item-spacing-unit-l)}.icon{display:-ms-inline-flexbox;display:inline-flex;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-ui-border-1)}.icon--indent{padding-left:var(--calcite-combobox-item-indent-start);padding-right:var(--calcite-combobox-item-indent-end)}.icon--custom{margin-top:-1px;color:var(--calcite-ui-text-3)}.icon--active{color:var(--calcite-ui-text-1)}.icon--dot{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:var(--calcite-combobox-item-spacing-unit-l)}.icon--dot:before{content:"•"}.calcite--rtl .icon--dot:before{text-align:right}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-ui-brand)}:host(:hover[disabled]) .icon{opacity:1}';var CalciteComboboxItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteComboboxItemChange=createEvent(this,"calciteComboboxItemChange",7);this.disabled=false;this.selected=false;this.active=false;this.guid=guid();this.scale="m";this.itemClickHandler=function(e){e.preventDefault();if(t.disabled){return}t.selected=!t.selected}}e.prototype.selectedWatchHandler=function(){this.calciteComboboxItemChange.emit(this.el)};e.prototype.connectedCallback=function(){this.ancestors=getAncestors(this.el);this.scale=getElementProp(this.el,"scale",this.scale)};e.prototype.componentWillLoad=function(){this.hasDefaultSlot=this.el.querySelector(":not([slot])")!==null};e.prototype.toggleSelected=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.disabled){return[2]}this.selected=typeof e==="boolean"?e:!this.selected;return[2]}))}))};e.prototype.renderIcon=function(e){var t,i;var n=this,o=n.icon,a=n.disabled,r=n.selected;var s=CSS$1.icon+"--indent";var c=e?"dot":"check";var l=a?"circle-disallowed":c;var m=e&&!o&&!a;return m?h("span",{class:(t={},t[CSS$1.icon]=true,t[CSS$1.dot]=true,t[s]=true,t)}):h("calcite-icon",{class:(i={},i[CSS$1.icon]=!o,i[CSS$1.custom]=!!o,i[CSS$1.iconActive]=o&&r,i[s]=true,i),icon:o||l,scale:"s"})};e.prototype.renderChildren=function(){if(!this.hasDefaultSlot){return null}return h("ul",null,h("slot",null))};e.prototype.render=function(){var e;var t=getElementProp(this.el,"selection-mode","multi")==="single";var i=getElementDir(this.el);var n=(e={},e[CSS_UTILITY.rtl]=i==="rtl",e[CSS$1.label]=true,e[CSS$1.selected]=this.selected,e[CSS$1.active]=this.active,e[CSS$1.single]=t,e);var o=getDepth(this.el);return h(Host,{"aria-hidden":"true"},h("div",{class:"container scale--"+this.scale,style:{"--calcite-combobox-item-spacing-indent-multiplier":""+o}},h("li",{class:n,id:this.guid,onClick:this.itemClickHandler},this.renderIcon(t),h("span",{class:CSS$1.title},this.textLabel)),this.renderChildren()))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["selectedWatchHandler"]}},enumerable:false,configurable:true});return e}();CalciteComboboxItem.style=calciteComboboxItemCss;var CSS={list:"list",label:"label",title:"title"};var calciteComboboxItemGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-combobox-item-indent-start-1:var(--calcite-combobox-item-spacing-indent-1);--calcite-combobox-item-indent-end-1:unset;--calcite-combobox-item-indent-start-2:var(--calcite-combobox-item-spacing-indent-2);--calcite-combobox-item-indent-end-2:unset}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}.calcite--rtl{--calcite-combobox-item-indent-start-1:unset;--calcite-combobox-item-indent-end-1:var(--calcite-combobox-item-spacing-indent-1);--calcite-combobox-item-indent-start-2:unset;--calcite-combobox-item-indent-end-2:var(--calcite-combobox-item-spacing-indent-2)}:host,.list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;outline:2px solid transparent;outline-offset:2px}.label{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;min-width:0;color:var(--calcite-ui-text-3);display:-ms-flexbox;display:flex}.label--indent-1{padding-left:var(--calcite-combobox-item-indent-start-1);padding-right:var(--calcite-combobox-item-indent-end-1)}.label--indent-2{padding-left:var(--calcite-combobox-item-indent-start-2);padding-right:var(--calcite-combobox-item-indent-end-2)}.title{border:0 solid;display:block;-ms-flex:1 1 0%;flex:1 1 0%;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px;color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;padding:var(--calcite-combobox-item-spacing-unit-l) 0;margin-left:var(--calcite-combobox-item-spacing-unit-s);margin-right:var(--calcite-combobox-item-spacing-unit-s)}";var CalciteComboboxItemGroup=function(){function e(e){registerInstance(this,e);this.guid=guid();this.scale="m"}e.prototype.connectedCallback=function(){this.ancestors=getAncestors(this.el);this.scale=getElementProp(this.el,"scale",this.scale)};e.prototype.render=function(){var e,t;var i=this,n=i.el,o=i.scale;var a=getElementDir(n);var r=CSS.label+"--indent-"+getDepth(n);return h("ul",{"aria-labelledby":this.guid,class:(e={},e[CSS.list]=true,e[CSS_UTILITY.rtl]=a==="rtl",e["scale--"+o]=true,e),role:"group"},h("li",{class:(t={},t[CSS.label]=true,t[r]=true,t),id:this.guid,role:"presentation"},h("span",{class:CSS.title},this.label)),h("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteComboboxItemGroup.style=calciteComboboxItemGroupCss;export{CalciteCombobox as calcite_combobox,CalciteComboboxItem as calcite_combobox_item,CalciteComboboxItemGroup as calcite_combobox_item_group};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{c(n.next(e))}catch(e){r(e)}}function
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{c(n.next(e))}catch(e){r(e)}}function l(e){try{c(n["throw"](e))}catch(e){r(e)}}function c(e){e.done?i(e.value):a(e.value).then(o,l)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return c([e,t])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{i as isValidNumber,n as numberKeys,b as isActivationKey}from"./number-2609a8bc.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-6b717ce8.js";import"./dom-dc012a45.js";var maxTenthForMinuteAndSecond=5;function getMeridiem(e){if(!isValidNumber(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function getMeridiemHour(e){if(!isValidNumber(e)){return null}var t=parseInt(e);if(t===0){return"12"}return t>12?formatTimePart(t-12):e}function parseTimeString(e){var t=formatTimeString(e);var i=t?t.split(":"):[null,null,null],n=i[0],a=i[1],r=i[2];return{hour:n,minute:a,second:r||(n&&a?"00":null)}}function formatTimeString(e){if(!e||e.endsWith(":")||e.startsWith(":")){return null}var t=e.split(":");if(t.length>1){var i=t[0],n=t[1],a=t[2];var r=parseInt(t[0]);var o=parseInt(t[1]);var s=parseInt(t[2]);var c=isValidNumber(i)&&r>=0&&r<24;var u=isValidNumber(n)&&o>=0&&o<60;var l=isValidNumber(a)&&s>=0&&s<60;if(c&&u&&!a||c&&u&&l){var m=formatTimePart(r)+":"+formatTimePart(o);if(l){m=m+":"+formatTimePart(s)}return m}}return null}function formatTimePart(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}var calciteInputTimePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var CalciteInputTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInputTimePickerChange=createEvent(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.hourDisplayFormat="12";this.required=false;this.scale="m";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-"+guid();this.calciteInputBlurHandler=function(){t.active=false;var e=formatTimeString(t.calciteInputEl.value)||formatTimeString(t.value);if(e!==t.calciteInputEl.value){t.setInputValue(e)}};this.calciteInputFocusHandler=function(){t.active=true};this.calciteInputInputHandler=function(e){t.setValue({value:e.detail.value})};this.setCalciteInputEl=function(e){t.calciteInputEl=e};this.setInputValue=function(e){if(!t.calciteInputEl){return}if(t.hourDisplayFormat==="12"){var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second;t.calciteInputEl.value=e?getMeridiemHour(n)+":"+a+(t.step!==60?":"+r:"")+" "+getMeridiem(n):null}else{t.calciteInputEl.value=e}};this.setValue=function(e){var i=e.value,n=e.origin,a=n===void 0?"input":n;var r=t.value;var o=formatTimeString(i);t.internalValueChange=a!=="external"&&a!=="loading";var s=a!=="loading"&&a!=="external"&&(i!==t.previousValidValue&&!i||!!(!t.previousValidValue&&o)||o!==t.previousValidValue&&o);if(i){if(s){t.previousValidValue=o}if(o&&o!==t.value){t.value=o}}else{t.value=i}if(a==="time-picker"||a==="external"){t.setInputValue(o)}if(s){var c=t.calciteInputTimePickerChange.emit();if(c.defaultPrevented){t.internalValueChange=false;t.value=r;t.setInputValue(r);t.previousValidValue=r}else{t.previousValidValue=o}}}}e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerChangeHandler=function(e){e.preventDefault();e.stopPropagation();if(e.detail){var t=e.detail,i=t.hour,n=t.minute,a=t.second;var r=void 0;if(i&&n){r=a&&this.step!==60?i+":"+n+":"+a:i+":"+n}else{r=""}this.setValue({value:r,origin:"time-picker"})}};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();this.active=true};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.calciteInputEl.setFocus();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:this.value,origin:"loading"})}connectLabel(this);connectForm(this)};e.prototype.componentDidLoad=function(){if(this.calciteInputEl.value!==this.value){this.setInputValue(this.value)}};e.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};e.prototype.render=function(){var e=parseTimeString(this.value),t=e.hour,i=e.minute,n=e.second;var a=this.referenceElementId+"-popover";return h(Host,null,h("div",{"aria-controls":a,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":a,id:this.referenceElementId,role:"combobox"},h("calcite-input",{disabled:this.disabled,icon:"clock",label:getLabelText(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),h("calcite-popover",{id:a,label:"Time Picker",open:this.active||false,referenceElement:this.referenceElementId},h("calcite-time-picker",{hour:t,"hour-display-format":this.hourDisplayFormat,intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,minute:i,scale:this.scale,second:n,step:this.step})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();CalciteInputTimePicker.style=calciteInputTimePickerCss;var CSS={buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",button:"button",delimiter:"delimiter",hour:"hour",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",input:"input",meridiem:"meridiem",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",minute:"minute",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",second:"second",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",timePicker:"time-picker",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right"};var TEXT={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var calciteTimePickerCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{color:var(--calcite-ui-text-1);display:inline-block;font-weight:var(--calcite-font-weight-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.time-picker{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;border-radius:var(--calcite-border-radius)}span{-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}span.button{cursor:pointer}span.button:hover,span.button:focus{background-color:var(--calcite-ui-foreground-2)}span.button:focus{outline:2px solid transparent;outline-offset:2px}span.button:active{background-color:var(--calcite-ui-foreground-3)}span.button.top-left{border-top-left-radius:var(--calcite-border-radius)}span.button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}span.button.top-right{border-top-right-radius:var(--calcite-border-radius)}span.button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}span.button calcite-icon{color:var(--calcite-ui-text-3)}span.input{font-weight:var(--calcite-font-weight-medium);position:relative}span.input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}span.input:focus,span.input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([scale=s]){font-size:var(--calcite-font-size--1)}:host([scale=s]) span{height:24px;width:40px}:host([scale=s]) .delimiter{height:72px}:host([scale=s][hour-display-format="12"]) .time-picker{width:124.2px}:host([scale=s][hour-display-format="12"]:not([step="60"])) .time-picker{width:168px}:host([scale=s][hour-display-format="24"]) .time-picker{width:84.2px}:host([scale=s][hour-display-format="24"]:not([step="60"])) .time-picker{width:128.4px}:host([scale=m]){font-size:var(--calcite-font-size-0)}:host([scale=m]) span{height:32px;width:44px}:host([scale=m]) .delimiter{height:96px}:host([scale=m][hour-display-format="12"]) .time-picker{width:136.8px}:host([scale=m][hour-display-format="12"]:not([step="60"])) .time-picker{width:186px}:host([scale=m][hour-display-format="24"]) .time-picker{width:92.8px}:host([scale=m][hour-display-format="24"]:not([step="60"])) .time-picker{width:141.6px}:host([scale=l]){font-size:var(--calcite-font-size-1)}:host([scale=l]) span{height:48px;width:64px}:host([scale=l]) .delimiter{height:144px}:host([scale=l][hour-display-format="12"]) .time-picker{width:198px}:host([scale=l][hour-display-format="12"]:not([step="60"])) .time-picker{width:268px}:host([scale=l][hour-display-format="24"]) .time-picker{width:134px}:host([scale=l][hour-display-format="24"]:not([step="60"])) .time-picker{width:204px}';var CalciteTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTimePickerBlur=createEvent(this,"calciteTimePickerBlur",7);this.calciteTimePickerChange=createEvent(this,"calciteTimePickerChange",7);this.calciteTimePickerFocus=createEvent(this,"calciteTimePickerFocus",7);this.hour=null;this.hourDisplayFormat="12";this.intlHour=TEXT.hour;this.intlHourDown=TEXT.hourDown;this.intlHourUp=TEXT.hourUp;this.intlMeridiem=TEXT.meridiem;this.intlMeridiemDown=TEXT.meridiemDown;this.intlMeridiemUp=TEXT.meridiemUp;this.intlMinute=TEXT.minute;this.intlMinuteDown=TEXT.minuteDown;this.intlMinuteUp=TEXT.minuteUp;this.intlSecond=TEXT.second;this.intlSecondDown=TEXT.secondDown;this.intlSecondUp=TEXT.secondUp;this.minute=null;this.second=null;this.scale="m";this.step=60;this.timeChanged=false;this.meridiem=null;this.displayHour=this.getDisplayHour();this.decrementHour=function(){var e=!t.hour?0:t.hour==="00"?23:parseInt(t.hour)-1;t.setTime("hour",e)};this.decrementMeridiem=function(){var e=t.meridiem==="PM"?"AM":"PM";t.setTime("meridiem",e)};this.decrementMinuteOrSecond=function(e){var i;if(isValidNumber(t[e])){var n=parseInt(t[e]);i=n===0?59:n-1}else{i=59}t.setTime(e,i)};this.decrementMinute=function(){t.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){t.decrementMinuteOrSecond("second")};this.focusHandler=function(e){t.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementHour()}};this.hourKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.hour)){switch(t.hourDisplayFormat){case"12":a=t.hour==="01"&&n>=0&&n<=2?"1"+n:n;break;case"24":if(t.hour==="01"){a="1"+n}else if(t.hour==="02"&&n>=0&&n<=3){a="2"+n}else{a=n}break}}else{a=n}t.setTime("hour",a)}else{switch(i){case"Backspace":case"Delete":t.setTime("hour",null);break;case"ArrowDown":e.preventDefault();t.decrementHour();break;case"ArrowUp":e.preventDefault();t.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementHour()}};this.incrementMeridiem=function(){var e=t.meridiem==="AM"?"PM":"AM";t.setTime("meridiem",e)};this.incrementHour=function(){var e=isValidNumber(t.hour)?t.hour==="23"?0:parseInt(t.hour)+1:1;t.setTime("hour",e)};this.incrementMinuteOrSecond=function(e){var i=isValidNumber(t[e])?t[e]==="59"?0:parseInt(t[e])+1:0;t.setTime(e,i)};this.incrementMinute=function(){t.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){t.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":t.setTime("meridiem","AM");break;case"p":t.setTime("meridiem","PM");break;case"Backspace":case"Delete":t.setTime("meridiem",null);break;case"ArrowUp":e.preventDefault();t.incrementMeridiem();break;case"ArrowDown":e.preventDefault();t.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMinute()}};this.minuteKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.minute)&&t.minute.startsWith("0")){var r=parseInt(t.minute);a=r>maxTenthForMinuteAndSecond?n:""+r+n}else{a=n}t.setTime("minute",a)}else{switch(i){case"Backspace":case"Delete":t.setTime("minute",null);break;case"ArrowDown":e.preventDefault();t.decrementMinute();break;case"ArrowUp":e.preventDefault();t.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementSecond()}};this.secondKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.second)&&t.second.startsWith("0")){var r=parseInt(t.second);a=r>maxTenthForMinuteAndSecond?n:""+r+n}else{a=n}t.setTime("second",a)}else{switch(i){case"Backspace":case"Delete":t.setTime("second",null);break;case"ArrowDown":e.preventDefault();t.decrementSecond();break;case"ArrowUp":e.preventDefault();t.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementSecond()}};this.setTime=function(e,i,n){if(n===void 0){n=true}switch(e){default:return;case"hour":t.hour=typeof i==="number"?formatTimePart(i):i;break;case"minute":t.minute=typeof i==="number"?formatTimePart(i):i;break;case"second":t.second=typeof i==="number"?formatTimePart(i):i;break;case"meridiem":if(isValidNumber(t.hour)){var a=parseInt(t.hour);switch(i){case"AM":if(a>=12){t.hour=formatTimePart(a-12)}break;case"PM":if(a<12){t.hour=formatTimePart(a+12)}break}t.meridiem=i}else{t.meridiem=i}break}t.timeChanged=true;if(n){t.calciteTimePickerChange.emit(t.getTime())}}}e.prototype.hourChanged=function(e){if(this.hourDisplayFormat==="12"&&isValidNumber(e)){this.meridiem=getMeridiem(e)}};e.prototype.timeChangeHandler=function(){var e=this.getTime(),t=e.hour,i=e.minute;if(!t&&!i){this.setTime("meridiem",null,false)}if(this.timeChanged){this.timeChanged=false}};e.prototype.hostBlurHandler=function(){this.calciteTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourDisplayFormat==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourDisplayFormat==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this[(e||"hour")+"El"])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return isActivationKey(t)};e.prototype.getDisplayHour=function(){if(!this.hour){return"--"}if(this.hourDisplayFormat==="12"){return getMeridiemHour(this.hour)}return this.hour};e.prototype.getTime=function(){return{hour:this.hour,minute:this.minute,second:this.second}};e.prototype.connectedCallback=function(){if(this.hourDisplayFormat==="12"){this.meridiem=getMeridiem(this.hour)}if(isValidNumber(this.hour)){this.hour=formatTimePart(parseInt(this.hour))}if(isValidNumber(this.minute)){this.minute=formatTimePart(parseInt(this.minute))}if(isValidNumber(this.second)){this.second=formatTimePart(parseInt(this.second))}};e.prototype.render=function(){var e,t,i,n,a,r,o,s,c,u,l,m;var p=this;var d=this.scale==="s"||this.scale==="m"?"s":"m";var f=this.step!==60;var b=isValidNumber(this.hour);var w=isValidNumber(this.minute);var v=isValidNumber(this.second);return h(Host,null,h("div",{class:CSS.timePicker},h("div",{role:"group"},h("span",{"aria-label":this.intlHourUp,class:(e={},e[CSS.button]=true,e[CSS.buttonHourUp]=true,e[CSS.buttonTopLeft]=true,e),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:d})),h("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":b&&parseInt(this.hour),"aria-valuetext":this.hour,class:(t={},t[CSS.input]=true,t[CSS.hour]=true,t),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:function(e){return p.hourEl=e},role:"spinbutton",tabIndex:0},this.getDisplayHour()),h("span",{"aria-label":this.intlHourDown,class:(i={},i[CSS.button]=true,i[CSS.buttonHourDown]=true,i[CSS.buttonBottomLeft]=true,i),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:d}))),h("span",{class:CSS.delimiter},":"),h("div",{role:"group"},h("span",{"aria-label":this.intlMinuteUp,class:(n={},n[CSS.button]=true,n[CSS.buttonMinuteUp]=true,n),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:d})),h("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":w&&parseInt(this.minute),"aria-valuetext":this.minute,class:(a={},a[CSS.input]=true,a[CSS.minute]=true,a),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:function(e){return p.minuteEl=e},role:"spinbutton",tabIndex:0},this.minute?this.minute:"--"),h("span",{"aria-label":this.intlMinuteDown,class:(r={},r[CSS.button]=true,r[CSS.buttonMinuteDown]=true,r),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:d}))),f&&h("span",{class:CSS.delimiter},":"),f&&h("div",{role:"group"},h("span",{"aria-label":this.intlSecondUp,class:(o={},o[CSS.button]=true,o[CSS.buttonSecondUp]=true,o),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:d})),h("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":v&&parseInt(this.second),"aria-valuetext":this.second,class:(s={},s[CSS.input]=true,s[CSS.second]=true,s),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:function(e){return p.secondEl=e},role:"spinbutton",tabIndex:0},this.second?this.second:"--"),h("span",{"aria-label":this.intlSecondDown,class:(c={},c[CSS.button]=true,c[CSS.buttonSecondDown]=true,c),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:d}))),this.hourDisplayFormat==="12"&&h("div",{role:"group"},h("span",{"aria-label":this.intlMeridiemUp,class:(u={},u[CSS.button]=true,u[CSS.buttonMeridiemUp]=true,u[CSS.buttonTopRight]=true,u),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:d})),h("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="AM"?"1":this.meridiem==="PM"?"2":undefined,"aria-valuetext":this.meridiem,class:(l={},l[CSS.input]=true,l[CSS.meridiem]=true,l),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:function(e){return p.meridiemEl=e},role:"spinbutton",tabIndex:0},this.meridiem?this.meridiem:"--"),h("span",{"aria-label":this.intlMeridiemDown,class:(m={},m[CSS.button]=true,m[CSS.buttonMeridiemDown]=true,m[CSS.buttonBottomRight]=true,m),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:d})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{hour:["hourChanged","timeChangeHandler"],minute:["timeChangeHandler"],second:["timeChangeHandler"]}},enumerable:false,configurable:true});return e}();CalciteTimePicker.style=calciteTimePickerCss;export{CalciteInputTimePicker as calcite_input_time_picker,CalciteTimePicker as calcite_time_picker};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{i as isValidNumber,n as numberKeys,b as isActivationKey}from"./number-2609a8bc.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-6b717ce8.js";import"./dom-dc012a45.js";var maxTenthForMinuteAndSecond=5;function createLocaleDateTimeFormatter(e,t){if(t===void 0){t=true}try{var i={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};if(t){i.second="2-digit"}return new Intl.DateTimeFormat(e,i)}catch(t){throw new Error("Invalid locale supplied while attempting to create a DateTime formatter: "+e)}}function formatTimePart(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}function formatTimeString(e){if(!isValidTime(e)){return null}var t=e.split(":"),i=t[0],n=t[1],a=t[2];var r=formatTimePart(parseInt(i));var o=formatTimePart(parseInt(n));if(a){var l=formatTimePart(parseInt(a));return r+":"+o+":"+l}return r+":"+o}function getLocaleHourCycle(e){var t=createLocaleDateTimeFormatter(e);var i=t.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return getLocalizedTimePart("meridiem",i)?"12":"24"}function getLocalizedTimePart(e,t){var i,n,a,r;if(!e||!t){return null}if(e==="hourSuffix"){var o=t.indexOf(t.find((function(e){var t=e.type;return t==="hour"})));var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var c=t[o+1];return c&&c.type==="literal"&&l-o===2?((i=c.value)===null||i===void 0?void 0:i.trim())||null:null}if(e==="minuteSuffix"){var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var u=t[l+1];return u&&u.type==="literal"&&s-l===2?((n=u.value)===null||n===void 0?void 0:n.trim())||null:null}if(e==="secondSuffix"){var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var m=t[s+1];return m&&m.type==="literal"?((a=m.value)===null||a===void 0?void 0:a.trim())||null:null}return((r=t.find((function(t){var i=t.type;return e=="meridiem"?i==="dayPeriod":i===e})))===null||r===void 0?void 0:r.value)||null}function getMeridiem(e){if(!isValidNumber(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function isValidTime(e){if(!e||e.startsWith(":")||e.endsWith(":")){return false}var t=e.split(":");var i=t.length>1&&t.length<4;if(!i){return false}var n=t[0],a=t[1],r=t[2];var o=parseInt(t[0]);var l=parseInt(t[1]);var c=parseInt(t[2]);var s=isValidNumber(n)&&o>=0&&o<24;var u=isValidNumber(a)&&l>=0&&l<60;var m=isValidNumber(r)&&c>=0&&c<60;if(s&&u&&!r||s&&u&&m){return true}}function isValidTimePart(e,t){if(t==="meridiem"){return e==="AM"||e==="PM"}if(!isValidNumber(e)){return false}var i=Number(e);return t==="hour"?i>=0&&i<24:i>=0&&i<60}function localizeTimePart(e,t,i){if(!isValidTimePart(e,t)){return}var n=parseInt(e);var a=new Date(Date.UTC(0,0,0,t==="hour"?n:t==="meridiem"?e==="AM"?0:12:0,t==="minute"?n:0,t==="second"?n:0));if(!a){return}var r=createLocaleDateTimeFormatter(i);var o=r.formatToParts(a);return getLocalizedTimePart(t,o)}function localizeTimeString(e,t,i){if(t===void 0){t="en"}if(i===void 0){i=true}if(!isValidTime(e)){return null}var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second,l=o===void 0?"0":o;var c=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(r),parseInt(l)));var s=createLocaleDateTimeFormatter(t,i);return(s===null||s===void 0?void 0:s.format(c))||null}function localizeTimeStringToParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return{localizedHour:getLocalizedTimePart("hour",s),localizedHourSuffix:getLocalizedTimePart("hourSuffix",s),localizedMinute:getLocalizedTimePart("minute",s),localizedMinuteSuffix:getLocalizedTimePart("minuteSuffix",s),localizedSecond:getLocalizedTimePart("second",s),localizedSecondSuffix:getLocalizedTimePart("secondSuffix",s),localizedMeridiem:getLocalizedTimePart("meridiem",s)}}return null}function parseTimeString(e){if(isValidTime(e)){var t=e.split(":"),i=t[0],n=t[1],a=t[2];return{hour:i,minute:n,second:a}}return{hour:null,minute:null,second:null}}var calciteInputTimePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var CalciteInputTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInputTimePickerChange=createEvent(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.locale=document.documentElement.lang||navigator.language||"en";this.required=false;this.scale="m";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-"+guid();this.calciteInputBlurHandler=function(){t.active=false;var e=t.shouldIncludeSeconds();var i=localizeTimeString(t.calciteInputEl.value,t.locale,e);t.setInputValue(i||localizeTimeString(t.value,t.locale,e))};this.calciteInputFocusHandler=function(){t.active=true};this.calciteInputInputHandler=function(e){var i=e.target;t.setValue({value:i.value})};this.timePickerChangeHandler=function(e){e.stopPropagation();var i=e.target;var n=i.value;t.setValue({value:n,origin:"time-picker"})};this.setCalciteInputEl=function(e){t.calciteInputEl=e};this.setCalciteTimePickerEl=function(e){t.calciteTimePickerEl=e};this.setInputValue=function(e){if(!t.calciteInputEl){return}t.calciteInputEl.value=e};this.setValue=function(e){var i=e.value,n=e.origin,a=n===void 0?"input":n;var r=t.value;var o=formatTimeString(i);var l=localizeTimeString(o,t.locale,t.shouldIncludeSeconds());t.internalValueChange=a!=="external"&&a!=="loading";var c=a!=="loading"&&a!=="external"&&(i!==t.previousValidValue&&!i||!!(!t.previousValidValue&&o)||o!==t.previousValidValue&&o);if(i){if(c){t.previousValidValue=o}if(o&&o!==t.value){t.value=o}t.localizedValue=l}else{t.value=i;t.localizedValue=null}if(a==="time-picker"||a==="external"){t.setInputValue(l)}if(c){var s=t.calciteInputTimePickerChange.emit();if(s.defaultPrevented){t.internalValueChange=false;t.value=r;t.setInputValue(r);t.previousValidValue=r}else{t.previousValidValue=o}}}}e.prototype.localeWatcher=function(e){this.setInputValue(localizeTimeString(this.value,e,this.shouldIncludeSeconds()))};e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.clickHandler=function(e){if(e.composedPath().includes(this.calciteTimePickerEl)){return}this.setFocus()};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();this.active=true};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.calciteInputEl.setFocus();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.shouldIncludeSeconds=function(){return this.step<60};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:isValidTime(this.value)?this.value:undefined,origin:"loading"})}connectLabel(this);connectForm(this)};e.prototype.componentDidLoad=function(){this.setInputValue(this.localizedValue)};e.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};e.prototype.render=function(){var e=this.referenceElementId+"-popover";return h(Host,null,h("div",{"aria-controls":e,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":e,id:this.referenceElementId,role:"combobox"},h("calcite-input",{disabled:this.disabled,icon:"clock",label:getLabelText(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),h("calcite-popover",{id:e,label:"Time Picker",open:this.active||false,referenceElement:this.referenceElementId},h("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();CalciteInputTimePicker.style=calciteInputTimePickerCss;var CSS={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker"};var TEXT={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var calciteTimePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block}.time-picker{background-color:var(--calcite-ui-foreground-1);display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-medium);-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);color:var(--calcite-ui-text-1);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .button{background-color:var(--calcite-ui-foreground-1);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{background-color:var(--calcite-ui-foreground-1);cursor:pointer;font-weight:var(--calcite-font-weight-medium);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}var CalciteTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTimePickerBlur=createEvent(this,"calciteTimePickerBlur",7);this.calciteTimePickerChange=createEvent(this,"calciteTimePickerChange",7);this.calciteTimePickerFocus=createEvent(this,"calciteTimePickerFocus",7);this.intlHour=TEXT.hour;this.intlHourDown=TEXT.hourDown;this.intlHourUp=TEXT.hourUp;this.intlMeridiem=TEXT.meridiem;this.intlMeridiemDown=TEXT.meridiemDown;this.intlMeridiemUp=TEXT.meridiemUp;this.intlMinute=TEXT.minute;this.intlMinuteDown=TEXT.minuteDown;this.intlMinuteUp=TEXT.minuteUp;this.intlSecond=TEXT.second;this.intlSecondDown=TEXT.secondDown;this.intlSecondUp=TEXT.secondUp;this.locale=document.documentElement.lang||navigator.language||"en";this.scale="m";this.step=60;this.value=null;this.showSecond=this.step<60;this.decrementHour=function(){var e=!t.hour?0:t.hour==="00"?23:parseInt(t.hour)-1;t.setValuePart("hour",e)};this.decrementMeridiem=function(){var e=t.meridiem==="PM"?"AM":"PM";t.setValuePart("meridiem",e)};this.decrementMinuteOrSecond=function(e){var i;if(isValidNumber(t[e])){var n=parseInt(t[e]);i=n===0?59:n-1}else{i=59}t.setValuePart(e,i)};this.decrementMinute=function(){t.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){t.decrementMinuteOrSecond("second")};this.focusHandler=function(e){t.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementHour()}};this.hourKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.hour)){switch(t.hourCycle){case"12":a=t.hour==="01"&&n>=0&&n<=2?"1"+n:n;break;case"24":if(t.hour==="01"){a="1"+n}else if(t.hour==="02"&&n>=0&&n<=3){a="2"+n}else{a=n}break}}else{a=n}t.setValuePart("hour",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault();t.decrementHour();break;case"ArrowUp":e.preventDefault();t.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementHour()}};this.incrementMeridiem=function(){var e=t.meridiem==="AM"?"PM":"AM";t.setValuePart("meridiem",e)};this.incrementHour=function(){var e=isValidNumber(t.hour)?t.hour==="23"?0:parseInt(t.hour)+1:1;t.setValuePart("hour",e)};this.incrementMinuteOrSecond=function(e){var i=isValidNumber(t[e])?t[e]==="59"?0:parseInt(t[e])+1:0;t.setValuePart(e,i)};this.incrementMinute=function(){t.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){t.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":t.setValuePart("meridiem","AM");break;case"p":t.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":t.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault();t.incrementMeridiem();break;case"ArrowDown":e.preventDefault();t.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMinute()}};this.minuteKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.minute)&&t.minute.startsWith("0")){var r=parseInt(t.minute);a=r>maxTenthForMinuteAndSecond?n:""+r+n}else{a=n}t.setValuePart("minute",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault();t.decrementMinute();break;case"ArrowUp":e.preventDefault();t.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementSecond()}};this.secondKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.second)&&t.second.startsWith("0")){var r=parseInt(t.second);a=r>maxTenthForMinuteAndSecond?n:""+r+n}else{a=n}t.setValuePart("second",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("second",null);break;case"ArrowDown":e.preventDefault();t.decrementSecond();break;case"ArrowUp":e.preventDefault();t.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementSecond()}};this.setHourEl=function(e){return t.hourEl=e};this.setMeridiemEl=function(e){return t.meridiemEl=e};this.setMinuteEl=function(e){return t.minuteEl=e};this.setSecondEl=function(e){return t.secondEl=e};this.setValue=function(e,i){if(i===void 0){i=true}if(isValidTime(e)){var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second;var l=localizeTimeStringToParts(e,t.locale),c=l.localizedHour,s=l.localizedHourSuffix,u=l.localizedMinute,m=l.localizedMinuteSuffix,d=l.localizedSecond,p=l.localizedSecondSuffix,h=l.localizedMeridiem;t.localizedHour=c;t.localizedHourSuffix=s;t.localizedMinute=u;t.localizedMinuteSuffix=m;t.localizedSecond=d;t.localizedSecondSuffix=p;t.hour=a;t.minute=r;t.second=o;if(h){t.localizedMeridiem=h;t.meridiem=getMeridiem(t.hour)}}else{t.hour=null;t.localizedHour=null;t.localizedHourSuffix=null;t.localizedMeridiem=null;t.localizedMinute=null;t.localizedMinuteSuffix=null;t.localizedSecond=null;t.localizedSecondSuffix=null;t.meridiem=null;t.minute=null;t.second=null;t.value=null}if(i){t.calciteTimePickerChange.emit()}};this.setValuePart=function(e,i,n){if(n===void 0){n=true}var a;if(e==="meridiem"){t.meridiem=i;if(isValidNumber(t.hour)){var r=parseInt(t.hour);switch(i){case"AM":if(r>=12){t.hour=formatTimePart(r-12)}break;case"PM":if(r<12){t.hour=formatTimePart(r+12)}break}t.localizedHour=localizeTimePart(t.hour,"hour",t.locale)}}else{t[e]=typeof i==="number"?formatTimePart(i):i;t["localized"+capitalize(e)]=localizeTimePart(t[e],e,t.locale)}if(t.hour&&t.minute){var o=t.second&&t.showSecond;t.value=t.hour+":"+t.minute+":"+(o?t.second:"00")}else{t.value=null}t.localizedMeridiem=t.value?((a=localizeTimeStringToParts(t.value,t.locale))===null||a===void 0?void 0:a.localizedMeridiem)||null:localizeTimePart(t.meridiem,"meridiem",t.locale);if(n){t.calciteTimePickerChange.emit()}}}e.prototype.localeWatcher=function(e){this.hourCycle=getLocaleHourCycle(e);this.setValue(this.value,false)};e.prototype.valueWatcher=function(e){this.setValue(e,false)};e.prototype.hourChanged=function(e){if(this.meridiem&&isValidNumber(e)){this.setValuePart("meridiem",getMeridiem(e))}};e.prototype.hostBlurHandler=function(){this.calciteTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this[(e||"hour")+"El"])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return isActivationKey(t)};e.prototype.connectedCallback=function(){this.setValue(this.value,false);this.hourCycle=getLocaleHourCycle(this.locale)};e.prototype.render=function(){var e,t,i,n,a,r,o,l,c,s,u,m,d;var p=isValidNumber(this.hour);var f=this.scale==="s"||this.scale==="m"?"s":"m";var b=isValidNumber(this.minute);var v=isValidNumber(this.second);var w=this.hourCycle==="12";return h("div",{class:(e={},e[CSS.timePicker]=true,e[CSS.showMeridiem]=w,e[CSS.showSecond]=this.showSecond,e[CSS["scale-"+this.scale]]=true,e)},h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlHourUp,class:(t={},t[CSS.button]=true,t[CSS.buttonHourUp]=true,t[CSS.buttonTopLeft]=true,t),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:f})),h("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":p&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:(i={},i[CSS.input]=true,i[CSS.hour]=true,i),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),h("span",{"aria-label":this.intlHourDown,class:(n={},n[CSS.button]=true,n[CSS.buttonHourDown]=true,n[CSS.buttonBottomLeft]=true,n),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:f}))),h("span",{class:CSS.delimiter},this.localizedHourSuffix),h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlMinuteUp,class:(a={},a[CSS.button]=true,a[CSS.buttonMinuteUp]=true,a),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:f})),h("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":b&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:(r={},r[CSS.input]=true,r[CSS.minute]=true,r),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),h("span",{"aria-label":this.intlMinuteDown,class:(o={},o[CSS.button]=true,o[CSS.buttonMinuteDown]=true,o),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:f}))),this.showSecond&&h("span",{class:CSS.delimiter},this.localizedMinuteSuffix),this.showSecond&&h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlSecondUp,class:(l={},l[CSS.button]=true,l[CSS.buttonSecondUp]=true,l),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:f})),h("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":v&&parseInt(this.second)||"0","aria-valuetext":this.second,class:(c={},c[CSS.input]=true,c[CSS.second]=true,c),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),h("span",{"aria-label":this.intlSecondDown,class:(s={},s[CSS.button]=true,s[CSS.buttonSecondDown]=true,s),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:f}))),this.localizedSecondSuffix&&h("span",{class:CSS.delimiter},this.localizedSecondSuffix),w&&h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlMeridiemUp,class:(u={},u[CSS.button]=true,u[CSS.buttonMeridiemUp]=true,u[CSS.buttonTopRight]=true,u),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:f})),h("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:(m={},m[CSS.input]=true,m[CSS.meridiem]=true,m),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),h("span",{"aria-label":this.intlMeridiemDown,class:(d={},d[CSS.button]=true,d[CSS.buttonMeridiemDown]=true,d[CSS.buttonBottomRight]=true,d),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:f}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"],hour:["hourChanged"]}},enumerable:false,configurable:true});return e}();CalciteTimePicker.style=calciteTimePickerCss;export{CalciteInputTimePicker as calcite_input_time_picker,CalciteTimePicker as calcite_time_picker};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import"./guid-196bd5ea.js";var CSS={container:"container"};var calciteLabelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([alignment=start]),:host([alignment=end]) .calcite--rtl{text-align:left}:host([alignment=end]),:host([alignment=start]) .calcite--rtl{text-align:right}:host([alignment=center]){text-align:center}:host([scale=s]) .container{font-size:var(--calcite-font-size--2);line-height:1rem;margin-bottom:0.5rem}:host([scale=m]) .container{font-size:var(--calcite-font-size--1);line-height:1rem;margin-bottom:0.75rem}:host([scale=l]) .container{font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-bottom:1rem}:host .container{color:var(--calcite-ui-text-1);
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import"./guid-196bd5ea.js";var CSS={container:"container"};var calciteLabelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([alignment=start]),:host([alignment=end]) .calcite--rtl{text-align:left}:host([alignment=end]),:host([alignment=start]) .calcite--rtl{text-align:right}:host([alignment=center]){text-align:center}:host([scale=s]) .container{font-size:var(--calcite-font-size--2);line-height:1rem;margin-bottom:0.5rem}:host([scale=m]) .container{font-size:var(--calcite-font-size--1);line-height:1rem;margin-bottom:0.75rem}:host([scale=l]) .container{font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-bottom:1rem}:host .container{color:var(--calcite-ui-text-1);width:100%;margin-top:0;margin-right:0;margin-left:0;line-height:1.375}:host([layout=default]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:0.25rem;gap:0.25rem}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;grid-gap:0.5rem;gap:0.5rem}:host([layout=inline][scale=l]) .container{grid-gap:0.75rem;gap:0.75rem}:host([layout=inline-space-between]) .container{-ms-flex-pack:justify;justify-content:space-between}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--bg-opacity:0}:host([disable-spacing]) .container{grid-gap:0;gap:0;margin:0}";var CalciteLabel=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalLabelClick=createEvent(this,"calciteInternalLabelClick",3);this.alignment="start";this.status="idle";this.scale="m";this.layout="default";this.disableSpacing=false;this.disabled=false;this.labelClickHandler=function(t){e.calciteInternalLabelClick.emit({sourceEvent:t})}}t.prototype.render=function(){var t;var e=getElementDir(this.el);return h(Host,{onClick:this.labelClickHandler},h("div",{class:(t={},t[CSS.container]=true,t[CSS_UTILITY.rtl]=e==="rtl",t)},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteLabel.style=calciteLabelCss;export{CalciteLabel as calcite_label};
|