@doegis/core/widgets/ValuePicker.js

DOE GIS API

import{_ as e}from"../chunks/tslib.es6.js";import{property as t}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import i from"./Widget.js";import"./support/widgetUtils.js";import{messageBundle as s}from"./support/decorators/messageBundle.js";import{vmEvent as l}from"./support/decorators/vmEvent.js";import{tsx as r}from"./support/jsxFactory.js";import a from"./ValuePicker/ValuePickerCollection.js";import n from"./ValuePicker/ValuePickerCombobox.js";import p from"./ValuePicker/ValuePickerSlider.js";import c from"./ValuePicker/ValuePickerViewModel.js";import u from"./ValuePicker/ValuePickerVisibleElements.js";const d="esri-value-picker",m={actionBar:`${d}__action-bar`,disabled:"esri-disabled",widget:"esri-widget",widgetIcon:"esri-icon-play-circled"},v={base:null,key:"type",typeMap:{collection:a,combobox:n,slider:p}};let y=class extends i{constructor(e,t){super(e,t),this.component=null,this.messages=null,this.messagesCommon=null,this.viewModel=new c,this.visibleElements=new u}loadDependencies(){return Promise.all([import("@esri/calcite-components/dist/components/calcite-action.js"),import("@esri/calcite-components/dist/components/calcite-action-bar.js")])}get canNext(){return this.component?.canNext??!0}get canPlay(){return this.component?.canPlay??!0}get canPrevious(){return this.component?.canPrevious??!0}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get layout(){return this.viewModel.layout}set layout(e){this.viewModel.layout=e}get loop(){return this.viewModel.loop}set loop(e){this.viewModel.loop=e}get playRate(){return this.viewModel.playRate}set playRate(e){this.viewModel.playRate=e}get values(){return this.viewModel.values}set values(e){this.viewModel.values=e}next(){this.viewModel.next()}pause(){this.viewModel.pause()}play(){this.viewModel.play()}previous(){this.viewModel.previous()}render(){const{disabled:e,state:t}=this.viewModel,o="playing"===t,i="horizontal"===this.layout,{control:s,pagination:l}=this.messagesCommon,{pause:a,play:n}=s,{previous:p,up:c,next:u,down:v}=l;var y;this.component&&((y=this.component).viewModel??(y.viewModel=this.viewModel));const h=this.visibleElements.playButton&&r("calcite-action",{active:o,alignment:"center",bind:this,disabled:e||!this.canPlay,icon:o?"pause":"play",key:"play",onclick:o?this.pause:this.play,text:o?a:n}),b=this.visibleElements.previousButton&&r("calcite-action",{alignment:"center",bind:this,disabled:e||o||!this.canPrevious,icon:i?"chevron-left":"chevron-up",key:"previous",onclick:this.previous,text:i?p:c}),w=this.visibleElements.nextButton&&r("calcite-action",{alignment:"center",bind:this,disabled:e||o||!this.canNext,icon:i?"chevron-right":"chevron-down",key:"next",onclick:this.next,text:i?u:v}),g=this.component?.render();return r("div",{"aria-label":this.label,class:this.classes(d,m.widget,`${d}__layout--${this.layout}`,`${d}__type--${this.component?.type}`)},r("calcite-action-bar",{expandDisabled:!0,layout:this.layout,class:m.actionBar},[h,b,w,g]))}};e([t()],y.prototype,"canNext",null),e([t()],y.prototype,"canPlay",null),e([t()],y.prototype,"canPrevious",null),e([t({types:v})],y.prototype,"component",void 0),e([t()],y.prototype,"disabled",null),e([t()],y.prototype,"label",null),e([t()],y.prototype,"layout",null),e([t()],y.prototype,"loop",null),e([t(),s("esri/widgets/ValuePicker/t9n/ValuePicker")],y.prototype,"messages",void 0),e([t(),s("esri/t9n/common")],y.prototype,"messagesCommon",void 0),e([t()],y.prototype,"playRate",null),e([t()],y.prototype,"values",null),e([t(),l(["animate","next","pause","play","previous"])],y.prototype,"viewModel",void 0),e([t({type:u,nonNullable:!0})],y.prototype,"visibleElements",void 0),y=e([o("esri.widgets.ValuePicker")],y);const h=y;export{h as default};