@openremote/or-rules 1.8.0-snapshot.20250725120002 → 1.8.0-snapshot.20250728102340

package/lib/or-rule-validity.js

@@ -1,378 +1,67 @@
-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);
+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;
                     }
-                }
-                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);
+
+                    #dialog-content {
+                        overflow: visible;
                     }
-                });
-                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"];
+
+                    @media only screen and (max-width: 1279px) {
+                        .mdc-dialog__surface {
+                            overflow-x: auto !important;
+                            overflow-y: auto !important;
                         }
-                        else {
-                            if (this.getValidityType() === "validityRecurrence") {
-                                this._validity.recurrence = this._rrule.toString().split("RRULE:")[1];
-                            }
-                            this.ruleset.meta["validity"] = this._validity;
+
+                        #dialog-content {
+                            min-height: 230px;
+                            overflow: auto;
                         }
-                        this.dispatchEvent(new OrRulesRuleChangedEvent(true));
-                        this._dialog = undefined;
                     }
-                }
-            },
-        ])
-            .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
+                </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};