@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
1 lines • 14.8 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function s(t){try{l(i.next(t))}catch(e){r(e)}}function o(t){try{l(i["throw"](t))}catch(e){r(e)}}function l(t){t.done?a(t.value):n(t.value).then(s,o)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return l([t,e])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;n=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){a.label=s[1];break}if(s[0]===6&&a.label<r[1]){a.label=r[1];r=s;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(s);break}if(r[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(o){s=[6,o];n=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-1720b7a7.system.js","./p-1b14d3d5.system.js","./p-60d9e7d4.system.js","./p-95dfb659.system.js","./p-353740c8.system.js","./p-7de2ae67.system.js","./p-bcdfb7b3.system.js","./p-2c235db8.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,l,c,p,u,h,f,d,m,v,y;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.T;o=t.d;l=t.a;c=t.g;p=t.s;u=t.p;h=t.i},function(t){f=t.g},function(t){d=t.g},function(t){m=t.u;v=t.C;y=t.c},function(){},function(){},function(){}],execute:function(){var g="@-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)}}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible;-webkit-box-shadow:none;box-shadow:none}:host .menu-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}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{-webkit-box-shadow:none;box-shadow:none;position:static;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:100%;line-height:0}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{background-color:var(--calcite-ui-background);padding:0 var(--calcite-spacing-quarter);border:1px solid var(--calcite-ui-border-1);border-left:none;border-right:none;height:42px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:0 0 auto;flex:0 0 auto}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{position:absolute;left:0;top:36px;z-index:1;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem;margin-left:1px;margin-right:1px}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=s][range]:not([layout=vertical])) .horizontal-arrow-container{height:30px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}:host([scale=l][range]:not([layout=vertical])) .horizontal-arrow-container{height:54px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.input .calcite-input-wrapper{margin-top:0}:host([range][layout=vertical][scale=s]) .vertical-arrow-container{top:24px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:50px;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}";var b="bottom-leading";var D=t("calcite_input_date_picker",function(){function t(t){var i=this;e(this,t);this.calciteDatePickerChange=a(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=a(this,"calciteDatePickerRangeChange",7);this.active=false;this.intlPrevMonth=s.prevMonth;this.intlNextMonth=s.nextMonth;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.hasShadow=!!document.head.attachShadow;this.setEndInput=function(t){i.endInput=t};this.deactivate=function(){i.active=false};this.keyUpHandler=function(t){if(d(t.key)==="Escape"){i.active=false}};this.inputBlur=function(t){i.blur(t.detail)};this.startInputFocus=function(){i.active=true;i.focusedInput="start"};this.endInputFocus=function(){i.active=true;i.focusedInput="end"};this.inputInput=function(t){i.input(t.detail.value)};this.setMenuEl=function(t){if(t){i.menuEl=t;i.createPopper()}};this.setStartWrapper=function(t){i.startWrapper=t;i.setReferenceEl()};this.setEndWrapper=function(t){i.endWrapper=t;i.setReferenceEl()};this.handleDateChange=function(t){if(i.range){return}i.valueAsDate=t.detail};this.handleDateRangeChange=function(t){if(!i.range||!t.detail){return}var e=t.detail,a=e.startDate,n=e.endDate;i.startAsDate=a;i.endAsDate=n;clearTimeout(i.endInputFocusTimeout);if(a&&i.focusedInput==="start"){i.endInputFocusTimeout=window.setTimeout((function(){var t;return(t=i.endInput)===null||t===void 0?void 0:t.setFocus()}),150)}}}t.prototype.activeHandler=function(){this.reposition()};t.prototype.focusInHandler=function(t){if(!this.hasShadow&&!this.el.contains(t.target)){this.active=false}};t.prototype.calciteDaySelectHandler=function(){this.active=false};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i;return __generator(this,(function(n){t=this,e=t.popper,a=t.menuEl;i=this.getModifiers();e?m({el:a,modifiers:i,placement:b,popper:e}):this.createPopper();return[2]}))}))};t.prototype.connectedCallback=function(){this.loadLocaleData();if(this.value){this.valueAsDate=o(this.value)}if(this.start){this.setStartAsDate(o(this.start))}if(this.end){this.setEndAsDate(o(this.end))}if(this.min){this.minAsDate=o(this.min)}if(this.max){this.maxAsDate=o(this.max)}this.createPopper()};t.prototype.disconnectedCallback=function(){this.destroyPopper()};t.prototype.render=function(){var t;var e,a;var r=l(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var s=this.range?l(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=s?s.toLocaleDateString(this.locale):"";var c=r?r.toLocaleDateString(this.locale):"";var p=f(this.el);return i(n,{onBlur:this.deactivate,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&i("div",{"aria-expanded":this.active.toString(),class:"input-container",dir:p,role:"application"},i("div",{class:"input-wrapper",ref:this.setStartWrapper},i("calcite-input",{class:"input "+(this.layout==="vertical"&&this.range?"no-bottom-border":""),icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.startInputFocus,onCalciteInputInput:this.inputInput,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,scale:this.scale,type:"text",value:c})),i("div",{"aria-hidden":(!this.active).toString(),class:"menu-container",ref:this.setMenuEl},i("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[v.animation]=true,t[v.animationActive]=this.active,t)},i("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&i("div",{class:"horizontal-arrow-container"},i("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&i("div",{class:"vertical-arrow-container"},i("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&i("div",{class:"input-wrapper",ref:this.setEndWrapper},i("calcite-input",{class:"input",icon:"calendar","number-button-type":"none",onCalciteInputBlur:this.inputBlur,onCalciteInputFocus:this.endInputFocus,onCalciteInputInput:this.inputInput,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.referenceEl,i=t.overlayPositioning;if(!e||!a){return}var n=this.getModifiers();this.popper=y({el:e,modifiers:n,overlayPositioning:i,placement:b,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.valueWatcher=function(t){this.valueAsDate=o(t)};t.prototype.startWatcher=function(t){this.setStartAsDate(o(t))};t.prototype.endWatcher=function(t){this.setEndAsDate(o(t))};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,c(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.setStartAsDate=function(t){this.startAsDate=t};t.prototype.setEndAsDate=function(t){this.endAsDate=t};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(e){if(!this.range){this.valueAsDate=e}else{var a=false;if(this.focusedInput==="start"){a=!this.startAsDate||!p(e,this.startAsDate);if(a){this.startAsDate=e}}else if(this.focusedInput==="end"){a=!this.endAsDate||!p(e,this.endAsDate);if(a){this.endAsDate=e}}}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,s=e.startAsDate,o=e.valueAsDate;var l=this.getDateFromInput(t.value);if(!l){if(!r&&o){t.value=o.toLocaleDateString(a)}else if(i==="start"&&s){t.value=s.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=u(t,this.localeData),i=a.day,n=a.month,r=a.year;var s=i>0;var o=n>-1;var l=new Date(r,n,i);l.setFullYear(r);var c=!isNaN(l.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var f=r.toString().length>0;if(s&&o&&c&&p&&f&&h(l,this.min,this.max)){return l}return false};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],value:["valueWatcher"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}());D.style=g}}}));