npm - iptdevs-design-system - Versions diffs - 3.1.488 → 3.1.489 - Mend

iptdevs-design-system 3.1.488 → 3.1.489

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/fesm2020/iptdevs-design-system.mjs CHANGED Viewed

@@ -6620,10 +6620,10 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
     }
 }
 CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n        <!-- <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since flex justify-content-center flex-wrap\">\n            <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n              <div class=\"flex\">\n                <span>Selecciona un Horario deseado</span>\n              </div>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              ></p-calendar>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-2rem h-4rem m-2\">\n              <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-4rem h-4rem m-2\">\n              <button\n              pButton\n              icon=\"pi pi-search\"\n              type=\"submit\"\n              [disabled]=\"!codSelfFormStepTwo.valid\"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n            </div>\n          </div>\n        </div> -->\n\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n      </div>\n      <div class=\"flex-none flex align-items-center justify-content-center m-2 w-5rem\">\n        <button\n        pButton\n        icon=\"pi pi-search\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepTwo.valid\"\n        (click)=\"searchAvalaibleCourse()\"\n      ></button>\n      </div>\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"], dependencies: [{ kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n        <!-- <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since flex justify-content-center flex-wrap\">\n            <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n              <div class=\"flex\">\n                <span>Selecciona un Horario deseado</span>\n              </div>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              ></p-calendar>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-2rem h-4rem m-2\">\n              <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-4rem h-4rem m-2\">\n              <button\n              pButton\n              icon=\"pi pi-search\"\n              type=\"submit\"\n              [disabled]=\"!codSelfFormStepTwo.valid\"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n            </div>\n          </div>\n        </div> -->\n\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n      </div>\n      <div class=\"flex-none flex align-items-center justify-content-center m-2 w-5rem\">\n        <!-- <button\n        pButton\n        icon=\"pi pi-search\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepTwo.valid\"\n        (click)=\"searchAvalaibleCourse()\"\n      ></button> -->\n      <button\n        pButton\n        Ripple\n        type=\"button\"\n        icon=\"pi pi-search\"\n        class=\"p-button-rounded p-button-outlined\"\n        [disabled]=\"!codSelfFormStepTwo.valid\"\n        (click)=\"searchAvalaibleCourse()\"\n      ></button>\n      </div>\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"], dependencies: [{ kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n        <!-- <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since flex justify-content-center flex-wrap\">\n            <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n              <div class=\"flex\">\n                <span>Selecciona un Horario deseado</span>\n              </div>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              ></p-calendar>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-2rem h-4rem m-2\">\n              <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-4rem h-4rem m-2\">\n              <button\n              pButton\n              icon=\"pi pi-search\"\n              type=\"submit\"\n              [disabled]=\"!codSelfFormStepTwo.valid\"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n            </div>\n          </div>\n        </div> -->\n\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n      </div>\n      <div class=\"flex-none flex align-items-center justify-content-center m-2 w-5rem\">\n        <button\n        pButton\n        icon=\"pi pi-search\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepTwo.valid\"\n        (click)=\"searchAvalaibleCourse()\"\n      ></button>\n      </div>\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"] }]
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n        <!-- <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since flex justify-content-center flex-wrap\">\n            <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n              <div class=\"flex\">\n                <span>Selecciona un Horario deseado</span>\n              </div>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              ></p-calendar>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-2rem h-4rem m-2\">\n              <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n            </div>\n            <div class=\"flex align-items-center justify-content-center w-4rem h-4rem m-2\">\n              <button\n              pButton\n              icon=\"pi pi-search\"\n              type=\"submit\"\n              [disabled]=\"!codSelfFormStepTwo.valid\"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n            </div>\n          </div>\n        </div> -->\n\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n      </div>\n      <div class=\"flex-none flex align-items-center justify-content-center m-2 w-5rem\">\n        <!-- <button\n        pButton\n        icon=\"pi pi-search\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepTwo.valid\"\n        (click)=\"searchAvalaibleCourse()\"\n      ></button> -->\n      <button\n        pButton\n        Ripple\n        type=\"button\"\n        icon=\"pi pi-search\"\n        class=\"p-button-rounded p-button-outlined\"\n        [disabled]=\"!codSelfFormStepTwo.valid\"\n        (click)=\"searchAvalaibleCourse()\"\n      ></button>\n      </div>\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });