@oiz/stzh-components 2.6.0 → 2.7.0-alpha

package/dist/esm-es5/stzh-monthyearpicker.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{h(r.next(t))}catch(t){a(t)}}function o(t){try{h(r["throw"](t))}catch(t){a(t)}}function h(t){t.done?i(t.value):n(t.value).then(s,o)}h((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,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 h([t,e])}}function h(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhMonthyearpickerCss=".sc-stzh-monthyearpicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-monthyearpicker-h{display:none}.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::before,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-monthyearpicker-h{width:100%;--separator-height:var(--stzh-form-input-height)}[size=small].sc-stzh-monthyearpicker-h{--separator-height:var(--stzh-form-input-small-height)}.stzh-monthyearpicker__wrapper.sc-stzh-monthyearpicker{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-monthyearpicker__separator.sc-stzh-monthyearpicker{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);height:var(--separator-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";var StzhMonthyearpicker=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.onRootFocus=function(){if(e.monthsDropdown){e.monthsDropdown.setFocus()}};this.onMonthsDropdownChange=function(t){var i=e.value.split("-")[0]||"0000";var r=t.detail.value||"00";e.onChange(i,r)};this.onYearsDropdownChange=function(t){var i=t.detail.value||"0000";var r=e.value.split("-")[1]||"00";e.onChange(i,r)};this.months=undefined;this.years=undefined;this.min=undefined;this.max=undefined;this.minYear=undefined;this.maxYear=undefined;this.format="default";this.name="";this.value="0000-00";this.popoverPlacement="bottom";this.monthLabel="";this.yearLabel="";this.readonly=false;this.disabled=false;this.required=false;this.showMarker=false;this.size="default";this.descriptionMonth=undefined;this.descriptionYear=undefined;this.descriptionLongMonth=undefined;this.descriptionLongYear=undefined;this.errorMonth=undefined;this.errorYear=undefined;this.invalidMonth=false;this.invalidYear=false;this.a11yDescribedbyMonth="";this.a11yDescribedbyYear="";this.localization=undefined}t.prototype.monthsWatcher=function(t){if(typeof t==="string"){this._months=JSON.parse(t)}else{this._months=t}this.updateMonthOptions()};t.prototype.yearsWatcher=function(t){if(typeof t==="string"){this._years=JSON.parse(t)}else{this._years=t}this.updateYearOptions()};t.prototype.minMaxWatcher=function(){this.updateMonthOptions();this.updateYearOptions()};t.prototype.onChange=function(t,e){this.value="".concat(t,"-").concat(e);this.stzhChange.emit({component:"stzh-monthyearpicker",value:this.value,valueMonth:e,valueYear:t})};t.prototype.updateMonthOptions=function(){var t=this;var e=[];var i=[];if(this._months){i=this._months}else{var r=Number(this.value.split("-")[0]||"0000");var n=1;var a=12;if(this.min){var s=new Date(this.min);if(r===s.getFullYear()){n=s.getMonth()+1}}if(this.max){var o=new Date(this.max);if(r===o.getFullYear()){a=o.getMonth()+1}}for(var h=n;h<=a;h++){i.push(h)}}i.forEach((function(i){var r=("00"+i).slice(-2);var n=t.localization.$globals.monthNames[i-1];e.push({text:t.format==="creditcard"?"".concat(r," (").concat(n,")"):n,value:r})}));this.dropdownMonthOptions=e};t.prototype.updateYearOptions=function(){var t=[];var e=[];if(this._years){e=this._years}else{var i=Number(this.value.split("-")[1]||"00");var r=(new Date).getFullYear();var n=this.minYear||r-10;var a=this.maxYear||r+10;if(this.min){var s=new Date(this.min);if(i&&i<s.getMonth()+1){n=s.getFullYear()+1}else{n=s.getFullYear()}}if(this.max){var o=new Date(this.max);if(i&&i>o.getMonth()+1){a=o.getFullYear()-1}else{a=o.getFullYear()}}for(var h=n;h<=a;h++){e.push(h)}}e.forEach((function(e){t.push({text:e,value:e})}));this.dropdownYearOptions=t};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"monthyearpicker")];case 1:t.localization=e.sent();e.label=2;case 2:this.monthsWatcher(this.months);this.yearsWatcher(this.years);return[2]}}))}))};t.prototype.render=function(){var t=this;var e={"stzh-monthyearpicker":true};return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:e},h("input",{type:"hidden",name:this.name,value:this.value}),h("div",{class:"stzh-monthyearpicker__wrapper"},h("stzh-dropdown",{name:"".concat(this.name,"-month"),class:"stzh-monthyearpicker__months-dropdown",label:this.monthLabel||this.localization.monthLabel,ref:function(e){return t.monthsDropdown=e},onStzhChange:this.onMonthsDropdownChange,options:this.dropdownMonthOptions,items:[this.value.split("-")[1]],required:this.required,disabled:this.disabled,size:this.size,showMarker:this.showMarker,popoverPlacement:this.popoverPlacement,description:this.descriptionMonth,descriptionLong:this.descriptionLongMonth,error:this.errorMonth,a11yDescribedby:this.a11yDescribedbyMonth,invalid:this.invalidMonth}),h("div",{class:"stzh-monthyearpicker__separator"},"/"),h("stzh-dropdown",{name:"".concat(this.name,"-year"),class:"stzh-monthyearpicker__years-dropdown",label:this.yearLabel||this.localization.yearLabel,onStzhChange:this.onYearsDropdownChange,options:this.dropdownYearOptions,items:[this.value.split("-")[0]],required:this.required,disabled:this.disabled,size:this.size,showMarker:this.showMarker,popoverPlacement:this.popoverPlacement,description:this.descriptionYear,descriptionLong:this.descriptionLongYear,error:this.errorYear,a11yDescribedby:this.a11yDescribedbyYear,invalid:this.invalidYear}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{months:["monthsWatcher"],years:["yearsWatcher"],value:["minMaxWatcher"],min:["minMaxWatcher"],max:["minMaxWatcher"]}},enumerable:false,configurable:true});return t}();StzhMonthyearpicker.style=stzhMonthyearpickerCss;export{StzhMonthyearpicker as stzh_monthyearpicker};
+//# sourceMappingURL=stzh-monthyearpicker.entry.js.map

package/dist/esm-es5/stzh-monthyearpicker.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhMonthyearpickerCss","StzhMonthyearpicker","this","onRootFocus","_this","monthsDropdown","setFocus","onMonthsDropdownChange","event","year","value","split","month","detail","onChange","onYearsDropdownChange","class_1","prototype","monthsWatcher","newValue","_months","JSON","parse","updateMonthOptions","yearsWatcher","_years","updateYearOptions","minMaxWatcher","concat","stzhChange","emit","component","valueMonth","valueYear","options","months","currentYear","Number","minMonth","maxMonth","min","minDate","Date","getFullYear","getMonth","max","maxDate","i","push","forEach","paddedMonth","slice","monthName","localization","$globals","monthNames","text","format","dropdownMonthOptions","years","currentMonth","yearNow","minYear","maxYear","dropdownYearOptions","componentWillLoad","_a","fetchTranslations","element","_b","sent","render","classes","h","Host","tabindex","disabled","onFocus","class","type","name","label","monthLabel","ref","el","onStzhChange","items","required","size","showMarker","popoverPlacement","description","descriptionMonth","descriptionLong","descriptionLongMonth","error","errorMonth","a11yDescribedby","a11yDescribedbyMonth","invalid","invalidMonth","yearLabel","descriptionYear","descriptionLongYear","errorYear","a11yDescribedbyYear","invalidYear"],"sources":["src/components/stzh-monthyearpicker/stzh-monthyearpicker.scss?tag=stzh-monthyearpicker&encapsulation=scoped","src/components/stzh-monthyearpicker/stzh-monthyearpicker.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  --separator-height: #{$formInputHeight};\n\n  &[size=\"small\"] {\n    --separator-height: #{$formInputHeightSmall};\n  }\n}\n\n.stzh-monthyearpicker {\n  &__wrapper {\n    display: flex;\n    align-items: flex-start;\n  }\n\n  &__separator {\n    @include fontSize('milli');\n    margin-left: space('medium');\n    margin-right: space('medium');\n    height: var(--separator-height);\n    display: flex;\n    align-items: center;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownOption,\n  StzhDropdownChangeEvent,\n  StzhMonthyearpickerChangeEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhMonthyearpickerLocalizedText } from \"./stzh-monthyearpicker.localization\";\n\n/**\n */\n@Component({\n  tag: \"stzh-monthyearpicker\",\n  styleUrl: \"stzh-monthyearpicker.scss\",\n  scoped: true\n})\nexport class StzhMonthyearpicker {\n  /** Set which months to show (overwrites months from min/max) */\n  @Prop() months: number[] | string;\n  private _months: number[];\n\n  /** Set which years to show (overwrites years from min/max) */\n  @Prop() years: number[] | string;\n  private _years: number[];\n\n  /**\n   * Minimum month and year allowed to be picked in `YYYY-MM` format.\n   * This setting can be used alone or together with the `max` property.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum month and year allowed to be picked in `YYYY-MM` format.\n   * This setting can be used alone or together with the `min` property.\n   */\n  @Prop() max: string;\n\n  /**\n   * Minimum year (will be overwritten if `min` is used).\n   * This setting can be used alone or together with the `maxYear` property.\n   */\n  @Prop() minYear: number;\n\n  /**\n   * Maximum year (will be overwritten if `max` is used).\n   * This setting can be used alone or together with the `minYear` property.\n   */\n  @Prop() maxYear: number;\n\n  /** Picker format. */\n  @Prop({ reflect: true }) format: \"default\" | \"creditcard\" = \"default\";\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Value of hidden input (current selected year and month YYYY-MM). */\n  @Prop({ mutable: true }) value: string = \"0000-00\";\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement:  \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Month dropdown label */\n  @Prop() monthLabel: string = \"\";\n\n  /** Year dropdown label */\n  @Prop() yearLabel: string = \"\";\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Description message for month */\n  @Prop() descriptionMonth: string;\n\n  /** Description message for year */\n  @Prop() descriptionYear: string;\n\n  /** Long description message appearing in a popover for month */\n  @Prop() descriptionLongMonth: string;\n\n  /** Long description message appearing in a popover for year */\n  @Prop() descriptionLongYear: string;\n\n  /** One or multiple error message for month */\n  @Prop() errorMonth: string | string[];\n\n  /** One or multiple error message for year */\n  @Prop() errorYear: string | string[];\n\n  /** Invalid status for month */\n  @Prop({ reflect: true }) invalidMonth: boolean = false;\n\n  /** Invalid status for year */\n  @Prop({ reflect: true }) invalidYear: boolean = false;\n\n  /** Id of the element which describes the month dropdown */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedbyMonth: string = \"\";\n\n  /** Id of the element which describes the year dropdown */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedbyYear: string = \"\";\n\n  /**  Translation strings. */\n  @Prop() localization: StzhMonthyearpickerLocalizedText;\n\n  /** Monthyearpicker change event */\n  @Event() stzhChange: EventEmitter<StzhMonthyearpickerChangeEvent>;\n\n  @Element() element: HTMLStzhMonthyearpickerElement;\n\n  @Watch(\"months\")\n  monthsWatcher(newValue: number[] | string) {\n    if (typeof newValue === \"string\") {\n      this._months = JSON.parse(newValue);\n    } else {\n      this._months = newValue;\n    }\n\n    this.updateMonthOptions();\n  }\n\n  @Watch(\"years\")\n  yearsWatcher(newValue: number[] | string) {\n    if (typeof newValue === \"string\") {\n      this._years = JSON.parse(newValue);\n    } else {\n      this._years = newValue;\n    }\n\n    this.updateYearOptions();\n  }\n\n  @Watch(\"value\")\n  @Watch(\"min\")\n  @Watch(\"max\")\n  minMaxWatcher() {\n    this.updateMonthOptions();\n    this.updateYearOptions();\n  }\n\n  private monthsDropdown: HTMLStzhDropdownElement;\n  private dropdownMonthOptions: StzhDropdownOption[];\n  private dropdownYearOptions: StzhDropdownOption[];\n\n  private onRootFocus = () => {\n    if (this.monthsDropdown) {\n      this.monthsDropdown.setFocus();\n    }\n  }\n\n  private onMonthsDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const year = this.value.split(\"-\")[0] || \"0000\";\n    const month = event.detail.value || \"00\";\n    this.onChange(year, month);\n  }\n\n  private onYearsDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const year = event.detail.value || \"0000\";\n    const month = this.value.split(\"-\")[1] || \"00\";\n    this.onChange(year, month);\n  }\n\n  private onChange(year, month) {\n    this.value = `${year}-${month}`;\n    this.stzhChange.emit({\n      component: \"stzh-monthyearpicker\",\n      value: this.value,\n      valueMonth: month,\n      valueYear: year\n    });\n  }\n\n  private updateMonthOptions() {\n    const options = [];\n    let months = [];\n\n    if (this._months) {\n      months = this._months;\n    } else {\n      const currentYear = Number(this.value.split(\"-\")[0] || \"0000\");\n\n      let minMonth = 1;\n      let maxMonth = 12;\n\n      if (this.min) {\n        const minDate = new Date(this.min);\n\n        if (currentYear === minDate.getFullYear()) {\n          minMonth = minDate.getMonth() + 1;\n        }\n      }\n\n      if (this.max) {\n        const maxDate = new Date(this.max);\n\n        if (currentYear === maxDate.getFullYear()) {\n          maxMonth = maxDate.getMonth() + 1;\n        }\n      }\n\n      for (let i = minMonth; i <= maxMonth; i++) {\n        months.push(i);\n      }\n    }\n\n    months.forEach((month) => {\n      const paddedMonth = (\"00\" + month).slice(-2);\n      const monthName = this.localization.$globals.monthNames[month - 1];\n\n      options.push({\n        text: this.format === \"creditcard\"\n          ? `${paddedMonth} (${monthName})`\n          : monthName,\n        value: paddedMonth\n      });\n    });\n\n    this.dropdownMonthOptions = options;\n  }\n\n  private updateYearOptions(): void {\n    const options = [];\n    let years = [];\n\n    if (this._years) {\n      years = this._years;\n    } else {\n      const currentMonth = Number(this.value.split(\"-\")[1] || \"00\");\n\n      const yearNow = new Date().getFullYear();\n      let minYear = this.minYear || (yearNow - 10);\n      let maxYear = this.maxYear || (yearNow + 10);\n\n      if (this.min) {\n        const minDate = new Date(this.min);\n\n        if (currentMonth && currentMonth < minDate.getMonth() + 1) {\n          minYear = minDate.getFullYear() + 1;\n        } else {\n          minYear = minDate.getFullYear();\n        }\n      }\n\n      if (this.max) {\n        const maxDate = new Date(this.max);\n\n        if (currentMonth && currentMonth > maxDate.getMonth() + 1) {\n          maxYear = maxDate.getFullYear() - 1;\n        } else {\n          maxYear = maxDate.getFullYear();\n        }\n      }\n\n      for (let i = minYear; i <= maxYear; i++) {\n        years.push(i);\n      }\n    }\n\n    years.forEach((year) => {\n      options.push({ text: year, value: year });\n    });\n\n    this.dropdownYearOptions = options;\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"monthyearpicker\");\n    }\n\n    this.monthsWatcher(this.months);\n    this.yearsWatcher(this.years);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-monthyearpicker\": true\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <input\n            type=\"hidden\"\n            name={this.name}\n            value={this.value}\n          />\n\n          <div class=\"stzh-monthyearpicker__wrapper\">\n            <stzh-dropdown\n              name={`${this.name}-month`}\n              class=\"stzh-monthyearpicker__months-dropdown\"\n              label={this.monthLabel || this.localization.monthLabel}\n              ref={(el) => (this.monthsDropdown = el as HTMLStzhDropdownElement)}\n              onStzhChange={this.onMonthsDropdownChange}\n              options={this.dropdownMonthOptions}\n              items={[this.value.split(\"-\")[1]]}\n              required={this.required}\n              disabled={this.disabled}\n              size={this.size}\n              showMarker={this.showMarker}\n              popoverPlacement={this.popoverPlacement}\n              description={this.descriptionMonth}\n              descriptionLong={this.descriptionLongMonth}\n              error={this.errorMonth}\n              a11yDescribedby={this.a11yDescribedbyMonth}\n              invalid={this.invalidMonth}\n            ></stzh-dropdown>\n\n            <div class=\"stzh-monthyearpicker__separator\">/</div>\n\n            <stzh-dropdown\n              name={`${this.name}-year`}\n              class=\"stzh-monthyearpicker__years-dropdown\"\n              label={this.yearLabel || this.localization.yearLabel}\n              onStzhChange={this.onYearsDropdownChange}\n              options={this.dropdownYearOptions}\n              items={[this.value.split(\"-\")[0]]}\n              required={this.required}\n              disabled={this.disabled}\n              size={this.size}\n              showMarker={this.showMarker}\n              popoverPlacement={this.popoverPlacement}\n              description={this.descriptionYear}\n              descriptionLong={this.descriptionLongYear}\n              error={this.errorYear}\n              a11yDescribedby={this.a11yDescribedbyYear}\n              invalid={this.invalidYear}\n            ></stzh-dropdown>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}