@colijnit/corecomponents_v12 12.0.58 → 12.0.60

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -6034,6 +6034,135 @@
                 },] }
     ];
 
+    // Direction type for regular straight directions.
+    exports.CoDirection = void 0;
+    (function (CoDirection) {
+        CoDirection["Right"] = "right";
+        CoDirection["Left"] = "left";
+        CoDirection["Up"] = "top";
+        CoDirection["Down"] = "bottom";
+    })(exports.CoDirection || (exports.CoDirection = {}));
+
+    // Represents a bi-directional orientation.
+    exports.CoOrientation = void 0;
+    (function (CoOrientation) {
+        CoOrientation["Horizontal"] = "horizontal";
+        CoOrientation["Vertical"] = "vertical";
+    })(exports.CoOrientation || (exports.CoOrientation = {}));
+    var _orientationsOfDirections = new Map([
+        [exports.CoDirection.Right, exports.CoOrientation.Vertical],
+        [exports.CoDirection.Left, exports.CoOrientation.Vertical],
+        [exports.CoDirection.Up, exports.CoOrientation.Horizontal],
+        [exports.CoDirection.Down, exports.CoOrientation.Horizontal]
+    ]);
+    function OrientationOfDirection(direction) {
+        return _orientationsOfDirections.get(direction);
+    }
+
+    // @dynamic
+    var DirectionEnumUtils = /** @class */ (function () {
+        function DirectionEnumUtils() {
+        }
+        DirectionEnumUtils.OppositeOf = function (direction) {
+            return this._OppositeDirections.get(direction);
+        };
+        return DirectionEnumUtils;
+    }());
+    DirectionEnumUtils._OppositeDirections = new Map([
+        [exports.CoDirection.Right, exports.CoDirection.Left],
+        [exports.CoDirection.Left, exports.CoDirection.Right],
+        [exports.CoDirection.Up, exports.CoDirection.Down],
+        [exports.CoDirection.Down, exports.CoDirection.Up]
+    ]);
+
+    var IconCollapseHandleComponent = /** @class */ (function () {
+        function IconCollapseHandleComponent() {
+            this.orientation = exports.CoOrientation.Horizontal;
+            this.twoArrows = false;
+            this.iconColorClass = "action-color";
+            this.Icons = exports.CoreComponentsIcon;
+            this._arrowDirection = exports.CoDirection.Up;
+            this._oppositeArrowDirection = exports.CoDirection.Down;
+        }
+        IconCollapseHandleComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(IconCollapseHandleComponent.prototype, "arrowDirection", {
+            get: function () {
+                return this._arrowDirection;
+            },
+            set: function (arrowDirection) {
+                this._arrowDirection = arrowDirection;
+                this._oppositeArrowDirection = DirectionEnumUtils.OppositeOf(this._arrowDirection);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IconCollapseHandleComponent.prototype, "isVertical", {
+            get: function () {
+                return this.orientation === exports.CoOrientation.Vertical;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IconCollapseHandleComponent.prototype, "arrowsOrientatedHorizontally", {
+            get: function () {
+                return OrientationOfDirection(this._arrowDirection) === exports.CoOrientation.Horizontal;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IconCollapseHandleComponent.prototype, "oppositeArrowDirection", {
+            get: function () {
+                return this._oppositeArrowDirection;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return IconCollapseHandleComponent;
+    }());
+    IconCollapseHandleComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: "co-icon-collapse-handle",
+                    template: "\n    <div class=\"wrap\">\n      <co-icon [icon]=\"Icons.ArrowPointUp\" [class]=\"'first ' + arrowDirection + ' ' + iconColorClass\"></co-icon>\n      <co-icon *ngIf=\"twoArrows\" [icon]=\"Icons.ArrowPointUp\"\n            [class]=\"'second ' + oppositeArrowDirection + ' ' + iconColorClass\"></co-icon>\n    </div>\n    <div class=\"absolute-fill-parent\" md-ripple></div>\n    ",
+                    encapsulation: core.ViewEncapsulation.None
+                },] }
+    ];
+    IconCollapseHandleComponent.ctorParameters = function () { return []; };
+    IconCollapseHandleComponent.propDecorators = {
+        showClass: [{ type: core.HostBinding, args: ["class.co-icon-collapse-handle",] }],
+        orientation: [{ type: core.Input }],
+        arrowDirection: [{ type: core.Input }],
+        twoArrows: [{ type: core.Input }, { type: core.HostBinding, args: ["class.two-arrows",] }],
+        isVertical: [{ type: core.HostBinding, args: ["class.vertical",] }],
+        arrowsOrientatedHorizontally: [{ type: core.HostBinding, args: ["class.arrows-orientated-horizontally",] }],
+        hidden: [{ type: core.HostBinding, args: ["class.hidden",] }]
+    };
+    __decorate([
+        InputBoolean()
+    ], IconCollapseHandleComponent.prototype, "twoArrows", void 0);
+
+    var IconCollapseHandleModule = /** @class */ (function () {
+        function IconCollapseHandleModule() {
+        }
+        return IconCollapseHandleModule;
+    }());
+    IconCollapseHandleModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        IconModule,
+                        RippleModule
+                    ],
+                    declarations: [
+                        IconCollapseHandleComponent
+                    ],
+                    exports: [
+                        IconCollapseHandleComponent
+                    ]
+                },] }
+    ];
+
     var InputCheckboxComponent = /** @class */ (function (_super) {
         __extends(InputCheckboxComponent, _super);
         function InputCheckboxComponent(formComponent, iconCacheService, changeDetector, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
@@ -7556,6 +7685,7 @@
             _this.useLeftIcon = false;
             _this.useRightIcon = false;
             _this.noIcon = false;
+            _this.isSmall = false;
             return _this;
         }
         InputSearchComponent.prototype.showClass = function () {
@@ -7585,6 +7715,7 @@
         useLeftIcon: [{ type: core.Input }],
         useRightIcon: [{ type: core.Input }],
         noIcon: [{ type: core.HostBinding, args: ['class.no-icon',] }, { type: core.Input }],
+        isSmall: [{ type: core.HostBinding, args: ['class.is-small',] }, { type: core.Input }],
         showClass: [{ type: core.HostBinding, args: ['class.co-input-search',] }]
     };
     __decorate([
@@ -11085,6 +11216,8 @@
     exports.GridToolbarComponent = GridToolbarComponent;
     exports.GridToolbarModule = GridToolbarModule;
     exports.IconCacheService = IconCacheService;
+    exports.IconCollapseHandleComponent = IconCollapseHandleComponent;
+    exports.IconCollapseHandleModule = IconCollapseHandleModule;
     exports.IconComponent = IconComponent;
     exports.IconModule = IconModule;
     exports.ImageComponent = ImageComponent;
@@ -11116,6 +11249,7 @@
     exports.MultiSelectListComponent = MultiSelectListComponent;
     exports.MultiSelectListModule = MultiSelectListModule;
     exports.ObserveVisibilityModule = ObserveVisibilityModule;
+    exports.OrientationOfDirection = OrientationOfDirection;
     exports.PaginationBarComponent = PaginationBarComponent;
     exports.PaginationBarModule = PaginationBarModule;
     exports.PaginationComponent = PaginationComponent;