@simpleangularcontrols/sac-bootstrap3 10.0.0-rc.22 → 10.0.0-rc.23

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.
@@ -1225,6 +1225,7 @@
1225
1225
  */
1226
1226
  var SacContextmenuItemButtonComponent = /** @class */ (function (_super) {
1227
1227
  __extends(SacContextmenuItemButtonComponent, _super);
1228
+ // #endregion Properties
1228
1229
  // #region Constructors
1229
1230
  /**
1230
1231
  * Constructor
@@ -1233,14 +1234,22 @@
1233
1234
  function SacContextmenuItemButtonComponent(el) {
1234
1235
  var _this = _super.call(this) || this;
1235
1236
  _this.el = el;
1237
+ // #region Properties
1238
+ _this.ref = [];
1236
1239
  return _this;
1237
1240
  }
1238
1241
  // #endregion Constructors
1239
1242
  // #region Public Methods
1243
+ SacContextmenuItemButtonComponent.prototype.ngOnDestroy = function () {
1244
+ for (var i = 0; i < this.ref.length; i++) {
1245
+ this.ref[i].parentElement.removeChild(this.ref[i]);
1246
+ }
1247
+ };
1240
1248
  SacContextmenuItemButtonComponent.prototype.ngOnInit = function () {
1241
1249
  var rootElement = this.el.nativeElement;
1242
1250
  var parentElement = rootElement.parentElement;
1243
1251
  while (rootElement.firstChild) {
1252
+ this.ref.push(rootElement.firstChild);
1244
1253
  parentElement.insertBefore(rootElement.firstChild, rootElement);
1245
1254
  }
1246
1255
  parentElement.removeChild(rootElement);
@@ -1366,7 +1375,7 @@
1366
1375
  SacDateSelectorComponent.decorators = [
1367
1376
  { type: core.Component, args: [{
1368
1377
  selector: 'sac-dateselector',
1369
- template: "<div class=\"calendar-selector\" style=\"min-width: 265px\">\n <table class=\"table-condensed\" style=\"width: 100%\" *ngIf=\"dateselection\">\n <thead>\n <tr>\n <th class=\"prev text-left\" (click)=\"monthBack()\">\n <i [class]=\"iconMonthPrev\"></i>\n </th>\n <th colspan=\"5\" class=\"switch text-center\">{{month+1}}/{{year}}</th>\n <th class=\"next text-right\" (click)=\"monthNext()\">\n <i [class]=\"iconMonthNext\"></i>\n </th>\n </tr>\n <tr>\n <th class=\"dow text-center\">Mo</th>\n <th class=\"dow text-center\">Di</th>\n <th class=\"dow text-center\">Mi</th>\n <th class=\"dow text-center\">Do</th>\n <th class=\"dow text-center\">Fr</th>\n <th class=\"dow text-center\">Sa</th>\n <th class=\"dow text-center\">So</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let week of dates; let i=index\">\n <tr>\n <td\n class=\"text-center\"\n *ngFor=\"let item of week\"\n [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\n [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\n (click)=\"selectDate(item)\"\n >\n {{ item.displaytext }}\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n <div class=\"container-fluid\" *ngIf=\"timeselection\" style=\"margin-top: 10px\">\n <div class=\"row\">\n <div class=\"col-md-6\" style=\"padding-right: 20px\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\"\n />\n </div>\n </div>\n <div class=\"col-md-6\" style=\"padding-left: 20px\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\"\n />\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\" style=\"margin-top: 10px\">\n <div class=\"col-md-4 text-left\">\n <button type=\"button\" class=\"btn btn-default\" (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"col-md-8 text-right\">\n <button type=\"button\" class=\"btn btn-default\" (click)=\"resetSelection()\">\n Reset\n </button>\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n style=\"margin-left: 10px\"\n (click)=\"applySelection()\"\n >\n Apply\n </button>\n </div>\n </div>\n</div>\n"
1378
+ template: "<div\n class=\"calendar-selector\"\n style=\"min-width: 265px\">\n <table\n class=\"table-condensed\"\n style=\"width: 100%\"\n *ngIf=\"dateselection\">\n <thead>\n <tr>\n <th\n class=\"prev text-left\"\n (click)=\"monthBack()\">\n <i [class]=\"iconMonthPrev\"></i>\n </th>\n <th\n colspan=\"5\"\n class=\"switch text-center\"\n >{{ month + 1 }}/{{ year }}</th\n >\n <th\n class=\"next text-right\"\n (click)=\"monthNext()\">\n <i [class]=\"iconMonthNext\"></i>\n </th>\n </tr>\n <tr>\n <th class=\"dow text-center\">Mo</th>\n <th class=\"dow text-center\">Di</th>\n <th class=\"dow text-center\">Mi</th>\n <th class=\"dow text-center\">Do</th>\n <th class=\"dow text-center\">Fr</th>\n <th class=\"dow text-center\">Sa</th>\n <th class=\"dow text-center\">So</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let week of dates; let i = index\">\n <tr>\n <td\n class=\"text-center\"\n *ngFor=\"let item of week\"\n [ngStyle]=\"{ cursor: item.isenabled ? 'pointer' : null }\"\n [ngClass]=\"{ 'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled }\"\n (click)=\"selectDate(item)\">\n {{ item.displaytext }}\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n <div\n class=\"container-fluid\"\n *ngIf=\"timeselection\"\n style=\"margin-top: 10px\">\n <div class=\"row\">\n <div\n class=\"col-md-6\"\n style=\"padding-right: 20px\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\" />\n </div>\n </div>\n <div\n class=\"col-md-6\"\n style=\"padding-left: 20px\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\" />\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"row\"\n style=\"margin-top: 10px\">\n <div class=\"col-xs-4 text-left\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"col-xs-8 text-right\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"resetSelection()\">\n Reset\n </button>\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n style=\"margin-left: 10px\"\n (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n"
1370
1379
  },] }
1371
1380
  ];
1372
1381