@datarailsshared/datarailsshared 1.4.163-rocket → 1.4.165-rocket

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -612,13 +612,8 @@
             configurable: true
         });
         MonthTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$7().unix();
-            }
+            this.date = this.defaultValue || moment$7().unix();
+            this.dateObj.date = this.date;
         };
         MonthTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -894,8 +889,9 @@
     var ɵ0$5 = YEAR_FORMATS;
     var YearTagComponent = /** @class */ (function (_super) {
         __extends(YearTagComponent, _super);
-        function YearTagComponent() {
+        function YearTagComponent(cdr) {
             var _this = _super.call(this) || this;
+            _this.cdr = cdr;
             _this.lockedDate = [];
             return _this;
         }
@@ -907,15 +903,12 @@
             configurable: true
         });
         YearTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$4().unix();
-            }
+            this.date = this.defaultValue || moment$4().unix();
+            this.dateObj.date = this.date;
+            this.cdr.markForCheck();
         };
         YearTagComponent.prototype.initName = function () {
+            console.warn('bla bla bla');
             if (!this.name) {
                 this.name = 'Year';
             }
@@ -957,7 +950,9 @@
                     styles: [":host.locked>.tag-wrapper>dr-date-picker{opacity:.4}.tag__label{margin:0 0 4px;color:#0c142b;font-size:14px;font-weight:400;line-height:22px}\n"]
                 },] }
     ];
-    YearTagComponent.ctorParameters = function () { return []; };
+    YearTagComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
     YearTagComponent.propDecorators = {
         isLocked: [{ type: i0.HostBinding, args: ['class.locked',] }],
         lockedDate: [{ type: i0.Input }]
@@ -970,30 +965,52 @@
         TagTypes["LIST"] = "LIST";
         TagTypes["DATE"] = "DATE";
     })(exports.TagTypes || (exports.TagTypes = {}));
+    var TagsConfigSubType;
+    (function (TagsConfigSubType) {
+        TagsConfigSubType["YEAR"] = "year";
+        TagsConfigSubType["PLAN"] = "plan";
+        TagsConfigSubType["BUDGET_CYCLE"] = "budget cycle";
+        TagsConfigSubType["MONTH"] = "month";
+        TagsConfigSubType["WEEK"] = "week";
+        TagsConfigSubType["DAY"] = "day";
+        TagsConfigSubType["FORECAST_NEW"] = "forecast_new";
+        TagsConfigSubType["QUARTER"] = "quarter";
+        TagsConfigSubType["FILE_STATUS"] = "file_status";
+    })(TagsConfigSubType || (TagsConfigSubType = {}));
 
     var DrTagComponent = /** @class */ (function () {
         function DrTagComponent() {
             this.lockedDate = [];
             this.dynamicTagValues = {};
-            this.connectedTags = [];
             this.tagChange = new i0.EventEmitter(); // Not emit value for dynamic tag
             this.dynamicTagChange = new i0.EventEmitter();
             this.dynamicTagAdd = new i0.EventEmitter();
             this.currentTagConnectedToDynamic = false;
             this.tagTypes = exports.TagTypes;
             this.connectedTagsValues = [];
+            this._connectedTags = [];
             this.selectedTag = {
                 id: 0,
                 value: undefined,
                 name: ''
             };
         }
+        Object.defineProperty(DrTagComponent.prototype, "connectedTags", {
+            get: function () {
+                return this._connectedTags;
+            },
+            set: function (tags) {
+                this._connectedTags = tags || [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DrTagComponent.prototype.ngOnChanges = function () {
+            this.calculateDynamicTag();
+        };
         DrTagComponent.prototype.ngOnInit = function () {
-            var _this = this;
             var _a, _b;
-            this.currentTagDynamic = this.tagConfig.options.is_custom;
-            this.currentTagConnectedToDynamic = _.some(this.tagsConfig, function (tagConfig) { return tagConfig.options.is_custom
-                && ['year'].includes(_this.tagConfig.options.sub_type); });
+            this.calculateDynamicTag();
             this.dateTag = {
                 type: this.tagConfig.type,
                 sub_type: this.tagConfig.options.sub_type,
@@ -1108,6 +1125,12 @@
                 }
             });
         };
+        DrTagComponent.prototype.calculateDynamicTag = function () {
+            var _this = this;
+            this.currentTagDynamic = this.tagConfig.options.is_custom;
+            this.currentTagConnectedToDynamic = _.some(this.tagsConfig, function (tagConfig) { return tagConfig.options.is_custom
+                && ['year'].includes(_this.tagConfig.options.sub_type); });
+        };
         return DrTagComponent;
     }());
     DrTagComponent.decorators = [
@@ -1201,13 +1224,8 @@
             configurable: true
         });
         DayTagComponent.prototype.initDate = function () {
-            if (this.defaultValue) {
-                this.date = this.defaultValue;
-                this.dateObj.date = this.date;
-            }
-            else {
-                this.dateObj.date = moment$3().unix();
-            }
+            this.date = this.defaultValue || moment$3().unix();
+            this.dateObj.date = this.date;
         };
         DayTagComponent.prototype.initName = function () {
             if (!this.name) {
@@ -2443,12 +2461,20 @@
         elementClass: [{ type: i0.HostBinding, args: ['class',] }]
     };
 
+    exports.ToggleButtonTheme = void 0;
+    (function (ToggleButtonTheme) {
+        ToggleButtonTheme["DEFAULT"] = "default";
+        ToggleButtonTheme["DOTTED"] = "dotted";
+    })(exports.ToggleButtonTheme || (exports.ToggleButtonTheme = {}));
+
     var DrToggleButtonComponent = /** @class */ (function () {
         function DrToggleButtonComponent(cdr) {
             this.cdr = cdr;
             this._disabled = false;
             this.bindLabel = null;
             this.bindValue = null;
+            this.bindHidden = null;
+            this.theme = exports.ToggleButtonTheme.DEFAULT;
             this.onChange = function () {
             };
             this.onTouched = function () {
@@ -2485,12 +2511,12 @@
     DrToggleButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-toggle-button',
-                    template: "<div class=\"toggle-container\" [class.disabled]=\"_disabled\">\n    <div\n        *ngFor=\"let item of items\"\n        (click)=\"setValue(item)\"\n        [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n        [class.disabled]=\"item.disabled\"\n        class=\"toggle-container__item\"\n    >\n        {{ item[bindLabel] || item.name || item }}\n    </div>\n</div>\n",
+                    template: "<div class=\"toggle-container\"\n     [class.disabled]=\"_disabled\"\n     [attr.theme]=\"theme\">\n    <ng-container *ngFor=\"let item of items\">\n        <div *ngIf=\"!item?.[bindHidden]\"\n             [class.selected]=\"item[bindValue] === selectedValue || item === selectedValue\"\n             [class.disabled]=\"item.disabled\"\n             class=\"toggle-container__item\">{{ item[bindLabel] || item.name || item }}</div>\n    </ng-container>\n</div>\n",
                     providers: [
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: i0.forwardRef(function () { return DrToggleButtonComponent; }), multi: true }
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;background:#f6f7f8;border:1px solid #c3c4ce;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{font-weight:400;background:#f2f2fb;border:1px solid #7f7fdd;color:#25258c}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}\n"]
+                    styles: [".toggle-container{display:flex;flex-wrap:nowrap;box-sizing:border-box;border-radius:20px;height:28px}.toggle-container.disabled{pointer-events:none}.toggle-container__item{height:28px;display:flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:20px;margin:-1px;cursor:pointer;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;color:#4e566c}.toggle-container__item.selected{background:#f2f2fb!important;border:1px solid #7f7fdd!important;color:#25258c!important}.toggle-container__item.disabled{pointer-events:none;cursor:default;background:#f0f1f4;color:#9ea1aa;border:1px solid #c3c4ce}.toggle-container[theme~=default]{background:#f6f7f8;border:1px solid #c3c4ce}.toggle-container[theme~=dotted] .toggle-container__item{border:1px solid #9ea1aa;border-radius:18px;margin-left:5px;color:#0c142b}.toggle-container[theme~=dotted] .toggle-container__item:hover{background:#f0f1f4}.toggle-container[theme~=dotted] .toggle-container__item:hover .toggle-container[theme~=dotted] .toggle-container__item.selected{background:unset}.toggle-container[theme~=dotted] .toggle-container__item:first-child{margin-left:0}\n"]
                 },] }
     ];
     DrToggleButtonComponent.ctorParameters = function () { return [
@@ -2500,6 +2526,8 @@
         items: [{ type: i0.Input }],
         bindLabel: [{ type: i0.Input }],
         bindValue: [{ type: i0.Input }],
+        bindHidden: [{ type: i0.Input }],
+        theme: [{ type: i0.Input }],
         selectedValue: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }]
     };
@@ -4313,6 +4341,7 @@
         return DrSharedUtils;
     }());
 
+    // @ts-ignore
     var moment$2 = require('moment');
     var DrDatePickerService = /** @class */ (function () {
         function DrDatePickerService() {
@@ -4503,6 +4532,7 @@
         { type: i0.Injectable }
     ];
 
+    // @ts-ignore
     var moment$1 = require('moment');
     var DrDatePickerCustomHeaderComponent = /** @class */ (function () {
         function DrDatePickerCustomHeaderComponent(_calendar, _dateAdapter, _dateFormats, cdr, datePickerService) {