@openremote/or-rules 1.8.0-snapshot.20250725074716 → 1.8.0-snapshot.20250725120001

package/lib/or-rule-validity.js

@@ -1,67 +1,378 @@
-var __decorate=this&&this.__decorate||function(t,e,i,a){var r,l=arguments.length,s=l<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(s=(l<3?r(s):l>3?r(e,i,s):r(e,i))||s);return l>3&&s&&Object.defineProperty(e,i,s),s};import{html as t,LitElement as e}from"lit";import{customElement as i,property as a,query as r}from"lit/decorators.js";import{OrRulesRuleChangedEvent as l}from"./index";import"@openremote/or-mwc-components/or-mwc-input";import{InputType as s}from"@openremote/or-mwc-components/or-mwc-input";import o from"i18next";import{translate as n}from"@openremote/or-translate";import{OrMwcDialog as d,showDialog as u}from"@openremote/or-mwc-components/or-mwc-dialog";import{RRule as y,Weekday as c}from"rrule";import m from"moment";let OrRuleValidity=class extends n(o)(e){constructor(){super()}updated(t){super.updated(t),t.has("ruleset")&&this.ruleset&&(this._validity=this.ruleset.meta?this.ruleset.meta.validity:void 0,this._validity&&this._validity.recurrence?this._rrule=y.fromString(this._validity.recurrence):this._rrule=void 0)}getWeekDay(t){switch(t){case"MO":return y.MO;case"TU":return y.TU;case"WE":return y.WE;case"TH":return y.TH;case"FR":return y.FR;case"SA":return y.SA;case"SU":return y.SU}}isAllDay(){return this._validity&&0===m(this._validity.start).hours()&&0===m(this._validity.start).minutes()&&23===m(this._validity.end).hours()&&59===m(this._validity.end).minutes()}setRRuleValue(t,e){let i=this._rrule?this._rrule.origOptions:void 0,a=this._validity;switch(e){case"all-day":t?(a.start=m(a.start).startOf("day").toDate().getTime(),a.end=m(a.end).endOf("day").toDate().getTime()):(a.start=m().toDate().getTime(),a.end=m().add(1,"hour").toDate().getTime());break;case"start":let r=m(t);r.isValid()&&(a.start=r.set({hour:0,minute:0,second:0,millisecond:0}).toDate().getTime(),"validityRecurrence"===this.getValidityType()&&(i.dtstart=r.toDate(),this._rrule=new y(i)));break;case"end":let l=m(t);l.isValid()&&(a.end=l.set({hour:23,minute:59,second:0,millisecond:0}).toDate().getTime());break;case"never-ends":t?delete i.until:i.until=m().add(1,"year").toDate(),"validityRecurrence"===this.getValidityType()&&(this._rrule=new y(i));break;case"byweekday":i.byweekday||(i.byweekday=[]),Array.isArray(i.byweekday)||(i.byweekday=[i.byweekday]),i.byweekday=[],t.forEach(t=>{let e=this.getWeekDay(t);e&&i.byweekday.push(e)}),"validityRecurrence"===this.getValidityType()&&(this._rrule=new y(i));break;case"until":if(this._rrule.options.until){let e=m(t);i.until=new Date(m(i.until).set({year:e.year(),month:e.month(),date:e.date()}).format())}"validityRecurrence"===this.getValidityType()&&(this._rrule=new y(i));break;case"dtstart-time":let s=t.split(":");i?i.dtstart=m(i.dtstart).set({hour:s[0],minute:s[1],second:0,millisecond:0}).toDate():i=new y({dtstart:m(this._validity.start).set({hour:s[0],minute:s[1],second:0,millisecond:0}).toDate()}).origOptions,a.start=m(i.dtstart).toDate().getTime(),"validityRecurrence"===this.getValidityType()&&(this._rrule=new y(i));break;case"until-time":let o=t.split(":");this._rrule&&this._rrule.options.until&&(i?i.until=m(i.until).set({hour:o[0],minute:o[1],second:0,millisecond:0}).toDate():i=new y({until:m(this._validity.end).set({hour:o[0],minute:o[1],second:0,millisecond:0}).toDate()}).origOptions),a.end=m(a.end).set({hour:o[0],minute:o[1],second:0,millisecond:0}).toDate().getTime(),"validityRecurrence"===this.getValidityType()&&(this._rrule=new y(i))}this._validity=Object.assign({},a),this._dialog.requestUpdate()}timeLabel(){if("validityAlways"===this.getValidityType())return o.t("validityAlways");if(this._validity&&this._rrule){let t=this._validity,e=m(t.end).diff(t.start,"days"),i="";return this.isAllDay()?(e>0&&(i=" "+o.t("forDays",{days:e})),this._rrule.toText()+i):(e>0&&(i=o.t("fromToDays",{start:m(t.start).format("HH:mm"),end:m(t.end).format("HH:mm"),days:e})),0===e&&(i=o.t("fromTo",{start:m(t.start).format("HH:mm"),end:m(t.end).format("HH:mm")})),this._rrule.toText()+" "+i)}if(this._validity){let t="DD-MM-YYYY";return this.isAllDay()||(t="DD-MM-YYYY HH:mm"),o.t("activeFromTo",{start:m(this._validity.start).format(t),end:m(this._validity.end).format(t)})}}setValidityType(t){if(this.ruleset){switch(!this.ruleset.meta&&(this.ruleset.meta={}),t){case"validityAlways":delete this.ruleset.meta.validity,this._validity=void 0,this._rrule=void 0;break;case"validityPeriod":this._validity={start:m().startOf("day").toDate().getTime(),end:m().endOf("day").toDate().getTime()},this._rrule=void 0;break;case"validityRecurrence":this._validity||(this._validity={start:m().startOf("day").toDate().getTime(),end:m().endOf("day").toDate().getTime()}),this._rrule=new y({freq:y.DAILY,dtstart:new Date})}this._dialog.requestUpdate()}}getValidityType(){if(this._validity)if(this._rrule)return"validityRecurrence";else return"validityPeriod";return"validityAlways"}render(){return this.ruleset?t`
-            <or-mwc-input outlined .type="${s.BUTTON}" label="${this.timeLabel()}" @or-mwc-input-changed="${()=>this.showDialog()}"></or-mwc-input>
-        `:t``}showDialog(){this._dialog=u(new d().setHeading(o.t("scheduleRuleActivity")).setStyles(t`
-                <style>
-                    .mdc-dialog__surface {
-                        overflow-x: visible !important;
-                        overflow-y: visible !important;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/*
+ * Copyright 2025, OpenRemote Inc.
+ *
+ * See the CONTRIBUTORS.txt file in the distribution for a
+ * full listing of individual contributors.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+import { html, LitElement } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { OrRulesRuleChangedEvent } from "./index";
+import "@openremote/or-mwc-components/or-mwc-input";
+import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
+import i18next from "i18next";
+import { translate } from "@openremote/or-translate";
+import { OrMwcDialog, showDialog } from "@openremote/or-mwc-components/or-mwc-dialog";
+import { RRule, Weekday } from 'rrule';
+import moment from "moment";
+let OrRuleValidity = class OrRuleValidity extends translate(i18next)(LitElement) {
+    constructor() {
+        super();
+    }
+    updated(changedProps) {
+        super.updated(changedProps);
+        if (changedProps.has("ruleset") && this.ruleset) {
+            this._validity = this.ruleset.meta ? this.ruleset.meta["validity"] : undefined;
+            if (this._validity && this._validity.recurrence) {
+                this._rrule = RRule.fromString(this._validity.recurrence);
+            }
+            else {
+                this._rrule = undefined;
+            }
+        }
+    }
+    getWeekDay(weekday) {
+        switch (weekday) {
+            case "MO":
+                return RRule.MO;
+            case "TU":
+                return RRule.TU;
+            case "WE":
+                return RRule.WE;
+            case "TH":
+                return RRule.TH;
+            case "FR":
+                return RRule.FR;
+            case "SA":
+                return RRule.SA;
+            case "SU":
+                return RRule.SU;
+        }
+    }
+    isAllDay() {
+        return this._validity && moment(this._validity.start).hours() === 0 && moment(this._validity.start).minutes() === 0
+            && moment(this._validity.end).hours() === 23 && moment(this._validity.end).minutes() === 59;
+    }
+    setRRuleValue(value, key) {
+        let origOptions = this._rrule ? this._rrule.origOptions : undefined;
+        const validity = this._validity;
+        switch (key) {
+            case "all-day":
+                if (value) {
+                    validity.start = moment(validity.start).startOf("day").toDate().getTime();
+                    validity.end = moment(validity.end).endOf("day").toDate().getTime();
+                }
+                else {
+                    validity.start = moment().toDate().getTime();
+                    validity.end = moment().add(1, 'hour').toDate().getTime();
+                }
+                break;
+            case "start":
+                const newStartDate = moment(value);
+                if (newStartDate.isValid()) {
+                    validity.start = newStartDate.set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).toDate().getTime();
+                    if (this.getValidityType() === "validityRecurrence") {
+                        origOptions.dtstart = newStartDate.toDate();
+                        this._rrule = new RRule(origOptions);
                     }
-
-                    #dialog-content {
-                        overflow: visible;
+                }
+                break;
+            case "end":
+                const newEndDate = moment(value);
+                if (newEndDate.isValid()) {
+                    validity.end = newEndDate.set({ hour: 23, minute: 59, second: 0, millisecond: 0 }).toDate().getTime();
+                }
+                break;
+            case "never-ends":
+                if (value) {
+                    delete origOptions.until;
+                }
+                else {
+                    origOptions.until = moment().add(1, 'year').toDate();
+                }
+                if (this.getValidityType() === "validityRecurrence")
+                    this._rrule = new RRule(origOptions);
+                break;
+            case "byweekday":
+                if (!origOptions.byweekday)
+                    origOptions.byweekday = [];
+                if (!Array.isArray(origOptions.byweekday))
+                    origOptions.byweekday = [origOptions.byweekday];
+                const newDays = value;
+                origOptions.byweekday = [];
+                newDays.forEach((d) => {
+                    const weekDay = this.getWeekDay(d);
+                    if (weekDay) {
+                        origOptions.byweekday.push(weekDay);
                     }
-
-                    @media only screen and (max-width: 1279px) {
-                        .mdc-dialog__surface {
-                            overflow-x: auto !important;
-                            overflow-y: auto !important;
+                });
+                if (this.getValidityType() === "validityRecurrence")
+                    this._rrule = new RRule(origOptions);
+                break;
+            case "until":
+                if (this._rrule.options.until) {
+                    const newDate = moment(value);
+                    origOptions.until = new Date(moment(origOptions.until).set({ year: newDate.year(), month: newDate.month(), date: newDate.date() }).format());
+                }
+                if (this.getValidityType() === "validityRecurrence")
+                    this._rrule = new RRule(origOptions);
+                break;
+            case "dtstart-time":
+                const timeParts = value.split(':');
+                if (origOptions) {
+                    origOptions.dtstart = moment(origOptions.dtstart).set({ hour: timeParts[0], minute: timeParts[1], second: 0, millisecond: 0 }).toDate();
+                }
+                else {
+                    origOptions = new RRule({
+                        dtstart: moment(this._validity.start).set({ hour: timeParts[0], minute: timeParts[1], second: 0, millisecond: 0 }).toDate()
+                    }).origOptions;
+                }
+                validity.start = moment(origOptions.dtstart).toDate().getTime();
+                if (this.getValidityType() === "validityRecurrence")
+                    this._rrule = new RRule(origOptions);
+                break;
+            case "until-time":
+                const untilParts = value.split(':');
+                if (this._rrule && this._rrule.options.until) {
+                    if (origOptions) {
+                        origOptions.until = moment(origOptions.until).set({ hour: untilParts[0], minute: untilParts[1], second: 0, millisecond: 0 }).toDate();
+                    }
+                    else {
+                        origOptions = new RRule({
+                            until: moment(this._validity.end).set({ hour: untilParts[0], minute: untilParts[1], second: 0, millisecond: 0 }).toDate()
+                        }).origOptions;
+                    }
+                }
+                validity.end = moment(validity.end).set({ hour: untilParts[0], minute: untilParts[1], second: 0, millisecond: 0 }).toDate().getTime();
+                if (this.getValidityType() === "validityRecurrence")
+                    this._rrule = new RRule(origOptions);
+                break;
+        }
+        this._validity = Object.assign({}, validity);
+        this._dialog.requestUpdate();
+    }
+    timeLabel() {
+        if (this.getValidityType() === "validityAlways") {
+            return i18next.t("validityAlways");
+        }
+        else if (this._validity && this._rrule) {
+            const validity = this._validity;
+            const diff = moment(validity.end).diff(validity.start, "days");
+            let diffString = "";
+            if (this.isAllDay()) {
+                if (diff > 0)
+                    diffString = " " + i18next.t('forDays', { days: diff });
+                return this._rrule.toText() + diffString;
+            }
+            else {
+                if (diff > 0)
+                    diffString = i18next.t("fromToDays", { start: moment(validity.start).format("HH:mm"), end: moment(validity.end).format("HH:mm"), days: diff });
+                if (diff === 0)
+                    diffString = i18next.t("fromTo", { start: moment(validity.start).format("HH:mm"), end: moment(validity.end).format("HH:mm") });
+                return this._rrule.toText() + " " + diffString;
+            }
+        }
+        else if (this._validity) {
+            let format = "DD-MM-YYYY";
+            if (!this.isAllDay())
+                format = "DD-MM-YYYY HH:mm";
+            return i18next.t("activeFromTo", { start: moment(this._validity.start).format(format), end: moment(this._validity.end).format(format) });
+        }
+    }
+    setValidityType(value) {
+        if (!this.ruleset)
+            return;
+        if (!this.ruleset.meta)
+            this.ruleset.meta = {};
+        switch (value) {
+            case "validityAlways":
+                delete this.ruleset.meta["validity"];
+                this._validity = undefined;
+                this._rrule = undefined;
+                break;
+            case "validityPeriod":
+                this._validity = {
+                    start: moment().startOf("day").toDate().getTime(),
+                    end: moment().endOf("day").toDate().getTime()
+                };
+                this._rrule = undefined;
+                break;
+            case "validityRecurrence":
+                if (!this._validity) {
+                    this._validity = {
+                        start: moment().startOf("day").toDate().getTime(),
+                        end: moment().endOf("day").toDate().getTime()
+                    };
+                }
+                this._rrule = new RRule({
+                    freq: RRule.DAILY,
+                    dtstart: new Date()
+                });
+                break;
+        }
+        this._dialog.requestUpdate();
+    }
+    getValidityType() {
+        if (this._validity) {
+            if (this._rrule) {
+                return "validityRecurrence";
+            }
+            else {
+                return "validityPeriod";
+            }
+        }
+        return "validityAlways";
+    }
+    render() {
+        if (!this.ruleset)
+            return html ``;
+        return html `
+            <or-mwc-input outlined .type="${InputType.BUTTON}" label="${this.timeLabel()}" @or-mwc-input-changed="${() => this.showDialog()}"></or-mwc-input>
+        `;
+    }
+    showDialog() {
+        this._dialog = showDialog(new OrMwcDialog()
+            .setHeading(i18next.t("scheduleRuleActivity"))
+            .setStyles(html `
+                <style>
+                    .mdc-dialog__surface {
+                        overflow-x: visible !important;
+                        overflow-y: visible !important;
+                    }
+
+                    #dialog-content {
+                        overflow: visible;
+                    }
+
+                    @media only screen and (max-width: 1279px) {
+                        .mdc-dialog__surface {
+                            overflow-x: auto !important;
+                            overflow-y: auto !important;
+                        }
+
+                        #dialog-content {
+                            min-height: 230px;
+                            overflow: auto;
+                        }
+                    }
+                </style>`)
+            .setActions([
+            {
+                actionName: "cancel",
+                content: html `<or-mwc-input class="button" .type="${InputType.BUTTON}" label="cancel"></or-mwc-input>`,
+                action: () => {
+                    this._dialog = undefined;
+                }
+            },
+            {
+                actionName: "ok",
+                default: true,
+                content: html `<or-mwc-input class="button" .type="${InputType.BUTTON}" label="apply"></or-mwc-input>`,
+                action: () => {
+                    if (this.ruleset && this.ruleset.meta) {
+                        if (this.getValidityType() === "validityAlways") {
+                            delete this.ruleset.meta["validity"];
                         }
-
-                        #dialog-content {
-                            min-height: 230px;
-                            overflow: auto;
+                        else {
+                            if (this.getValidityType() === "validityRecurrence") {
+                                this._validity.recurrence = this._rrule.toString().split("RRULE:")[1];
+                            }
+                            this.ruleset.meta["validity"] = this._validity;
                         }
+                        this.dispatchEvent(new OrRulesRuleChangedEvent(true));
+                        this._dialog = undefined;
                     }
-                </style>`).setActions([{actionName:"cancel",content:t`<or-mwc-input class="button" .type="${s.BUTTON}" label="cancel"></or-mwc-input>`,action:()=>{this._dialog=void 0}},{actionName:"ok",default:!0,content:t`<or-mwc-input class="button" .type="${s.BUTTON}" label="apply"></or-mwc-input>`,action:()=>{this.ruleset&&this.ruleset.meta&&("validityAlways"===this.getValidityType()?delete this.ruleset.meta.validity:("validityRecurrence"===this.getValidityType()&&(this._validity.recurrence=this._rrule.toString().split("RRULE:")[1]),this.ruleset.meta.validity=this._validity),this.dispatchEvent(new l(!0)),this._dialog=void 0)}}]).setContent(()=>this.getDialogContent()).setDismissAction(null))}getDialogContent(){let e=[y.MO.toString(),y.TU.toString(),y.WE.toString(),y.TH.toString(),y.FR.toString(),y.SA.toString(),y.SU.toString()],i=this.getValidityType(),a=this._rrule&&this._rrule.options&&this._rrule.options.byweekday?this._rrule.options.byweekday.map(t=>new c(t).toString()):[],r=this._validity;return t`
-            <div style="min-width: 635px; display:grid; flex-direction: row;">
-                <div class="layout horizontal">
-                    <or-mwc-input style="min-width: 280px;" .value="${i}" .type="${s.SELECT}" .options="${["validityAlways","validityPeriod","validityRecurrence"]}" @or-mwc-input-changed="${t=>this.setValidityType(t.detail.value)}" ></or-mwc-input>
-                </div>
-
-                ${r&&("validityPeriod"===i||"validityRecurrence"===i)?t`
-                    <label style="display:block; margin-top: 20px;"><or-translate value="period"></or-translate></label>
-                    <div style="display: flex; justify-content: space-between;" class="layout horizontal">
-                        <div> 
-                            <or-mwc-input value="${m(r.start).format("YYYY-MM-DD")}" .type="${s.DATE}" @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"start")}" .label="${o.t("from")}"></or-mwc-input>
-                            <or-mwc-input .disabled=${this.isAllDay()} .value="${m(r.start).format("HH:mm")}" .type="${s.TIME}" @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"dtstart-time")}" .label="${o.t("from")}"></or-mwc-input>
-                        </div>
-                        <div>
-                            <or-mwc-input .value="${m(r.end).format("YYYY-MM-DD")}"  .type="${s.DATE}" @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"end")}" .label="${o.t("to")}"></or-mwc-input>
-                            <or-mwc-input .disabled=${this.isAllDay()} .value="${m(r.end).format("HH:mm")}" .type="${s.TIME}" @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"until-time")}" .label="${o.t("to")}"></or-mwc-input>
-                        </div>
-                    </div>  
-                    
-                    <div class="layout horizontal">
-                        <or-mwc-input .value=${this.isAllDay()} @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"all-day")}"  .type="${s.CHECKBOX}" .label="${o.t("allDay")}"></or-mwc-input>
-                    </div>
-                `:""}
-             
-                ${"validityRecurrence"===i?t`
-                    <label style="display: block; margin-top: 20px;"><or-translate value="repeatOccurrenceEvery"></or-translate></label>
-                    <div class="layout horizontal">
-                        <or-mwc-input .value="${a}" 
-                                      .type="${s.CHECKBOX_LIST}" 
-                                      .options="${e}" 
-                                      .label="${o.t("daysOfTheWeek")}" 
-                                      @or-mwc-input-changed="${t=>{this.setRRuleValue(t.detail.value,"byweekday")}}" ></or-mwc-input>
-                    </div>
-
-                    <label style="display:block; margin-top: 20px;"><or-translate value="repetitionEnds"></or-translate></label>
-                    <div class="layout horizontal">                        
-                        <or-mwc-input .value="${!this._rrule.options.until}"  @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"never-ends")}"  .type="${s.CHECKBOX}" .label="${o.t("never")}"></or-mwc-input>
-                    </div>
-                    <div class="layout horizontal">
-                        <or-mwc-input ?disabled="${!this._rrule.options.until}" .value="${this._rrule.options.until?m(this._rrule.options.until).format("YYYY-MM-DD"):m().add(1,"year").format("YYYY-MM-DD")}"  .type="${s.DATE}" @or-mwc-input-changed="${t=>this.setRRuleValue(t.detail.value,"until")}" .label="${o.t("to")}"></or-mwc-input>
-                    </div>
-                `:""}                
-            </div>`}};__decorate([a({type:Object})],OrRuleValidity.prototype,"ruleset",void 0),__decorate([r("#radial-modal")],OrRuleValidity.prototype,"dialog",void 0),__decorate([a()],OrRuleValidity.prototype,"_validity",void 0),__decorate([a()],OrRuleValidity.prototype,"_rrule",void 0),OrRuleValidity=__decorate([i("or-rule-validity")],OrRuleValidity);export{OrRuleValidity};
+                }
+            },
+        ])
+            .setContent(() => this.getDialogContent())
+            .setDismissAction(null));
+    }
+    getDialogContent() {
+        const options = [RRule.MO.toString(), RRule.TU.toString(), RRule.WE.toString(), RRule.TH.toString(), RRule.FR.toString(), RRule.SA.toString(), RRule.SU.toString()];
+        const validityTypes = ["validityAlways", "validityPeriod", "validityRecurrence"];
+        const validityType = this.getValidityType();
+        const selectedOptions = this._rrule && this._rrule.options && this._rrule.options.byweekday ? this._rrule.options.byweekday.map(day => new Weekday(day).toString()) : [];
+        const validity = this._validity;
+        return html `
+            <div style="min-width: 635px; display:grid; flex-direction: row;">
+                <div class="layout horizontal">
+                    <or-mwc-input style="min-width: 280px;" .value="${validityType}" .type="${InputType.SELECT}" .options="${validityTypes}" @or-mwc-input-changed="${(e) => this.setValidityType(e.detail.value)}" ></or-mwc-input>
+                </div>
+
+                ${validity && (validityType === "validityPeriod" || validityType === "validityRecurrence") ? html `
+                    <label style="display:block; margin-top: 20px;"><or-translate value="period"></or-translate></label>
+                    <div style="display: flex; justify-content: space-between;" class="layout horizontal">
+                        <div> 
+                            <or-mwc-input value="${moment(validity.start).format("YYYY-MM-DD")}" .type="${InputType.DATE}" @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "start")}" .label="${i18next.t("from")}"></or-mwc-input>
+                            <or-mwc-input .disabled=${this.isAllDay()} .value="${moment(validity.start).format("HH:mm")}" .type="${InputType.TIME}" @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "dtstart-time")}" .label="${i18next.t("from")}"></or-mwc-input>
+                        </div>
+                        <div>
+                            <or-mwc-input .value="${moment(validity.end).format("YYYY-MM-DD")}"  .type="${InputType.DATE}" @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "end")}" .label="${i18next.t("to")}"></or-mwc-input>
+                            <or-mwc-input .disabled=${this.isAllDay()} .value="${moment(validity.end).format("HH:mm")}" .type="${InputType.TIME}" @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "until-time")}" .label="${i18next.t("to")}"></or-mwc-input>
+                        </div>
+                    </div>  
+                    
+                    <div class="layout horizontal">
+                        <or-mwc-input .value=${this.isAllDay()} @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "all-day")}"  .type="${InputType.CHECKBOX}" .label="${i18next.t("allDay")}"></or-mwc-input>
+                    </div>
+                ` : ``}
+             
+                ${validityType === "validityRecurrence" ? html `
+                    <label style="display: block; margin-top: 20px;"><or-translate value="repeatOccurrenceEvery"></or-translate></label>
+                    <div class="layout horizontal">
+                        <or-mwc-input .value="${selectedOptions}" 
+                                      .type="${InputType.CHECKBOX_LIST}" 
+                                      .options="${options}" 
+                                      .label="${i18next.t("daysOfTheWeek")}" 
+                                      @or-mwc-input-changed="${(e) => {
+            this.setRRuleValue(e.detail.value, "byweekday");
+        }}" ></or-mwc-input>
+                    </div>
+
+                    <label style="display:block; margin-top: 20px;"><or-translate value="repetitionEnds"></or-translate></label>
+                    <div class="layout horizontal">                        
+                        <or-mwc-input .value="${!this._rrule.options.until}"  @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "never-ends")}"  .type="${InputType.CHECKBOX}" .label="${i18next.t("never")}"></or-mwc-input>
+                    </div>
+                    <div class="layout horizontal">
+                        <or-mwc-input ?disabled="${!this._rrule.options.until}" .value="${this._rrule.options.until ? moment(this._rrule.options.until).format("YYYY-MM-DD") : moment().add(1, 'year').format('YYYY-MM-DD')}"  .type="${InputType.DATE}" @or-mwc-input-changed="${(e) => this.setRRuleValue(e.detail.value, "until")}" .label="${i18next.t("to")}"></or-mwc-input>
+                    </div>
+                ` : ``}                
+            </div>`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], OrRuleValidity.prototype, "ruleset", void 0);
+__decorate([
+    query("#radial-modal")
+], OrRuleValidity.prototype, "dialog", void 0);
+__decorate([
+    property()
+], OrRuleValidity.prototype, "_validity", void 0);
+__decorate([
+    property()
+], OrRuleValidity.prototype, "_rrule", void 0);
+OrRuleValidity = __decorate([
+    customElement("or-rule-validity")
+], OrRuleValidity);
+export { OrRuleValidity };
+//# sourceMappingURL=or-rule-validity.js.map