gd-bs 5.7.7 → 5.7.8

package/build/components/offcanvas/index.js

@@ -15,11 +15,42 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Offcanvas = exports.OffcanvasClassNames = exports.OffcanvasTypes = void 0;
+exports.Offcanvas = exports.OffcanvasTypesClassNames = exports.OffcanvasTypes = exports.OffcanvasSizeClassNames = exports.OffcanvasSize = void 0;
 var classNames_1 = require("../classNames");
 var base_1 = require("../base");
 var common_1 = require("../common");
 var templates_1 = require("./templates");
+/**
+ * Offcanvas Size
+ */
+var OffcanvasSize;
+(function (OffcanvasSize) {
+    OffcanvasSize[OffcanvasSize["Small1"] = 1] = "Small1";
+    OffcanvasSize[OffcanvasSize["Small2"] = 2] = "Small2";
+    OffcanvasSize[OffcanvasSize["Small3"] = 3] = "Small3";
+    OffcanvasSize[OffcanvasSize["Medium1"] = 4] = "Medium1";
+    OffcanvasSize[OffcanvasSize["Medium2"] = 5] = "Medium2";
+    OffcanvasSize[OffcanvasSize["Medium3"] = 6] = "Medium3";
+    OffcanvasSize[OffcanvasSize["Large1"] = 7] = "Large1";
+    OffcanvasSize[OffcanvasSize["Large2"] = 8] = "Large2";
+    OffcanvasSize[OffcanvasSize["Large3"] = 9] = "Large3";
+    OffcanvasSize[OffcanvasSize["Full"] = 10] = "Full";
+})(OffcanvasSize = exports.OffcanvasSize || (exports.OffcanvasSize = {}));
+/**
+ * Offcanvas Size Classes
+ */
+exports.OffcanvasSizeClassNames = new classNames_1.ClassNames([
+    "offcanvas-size-sm1",
+    "offcanvas-size-sm2",
+    "offcanvas-size-sm3",
+    "offcanvas-size-md1",
+    "offcanvas-size-md2",
+    "offcanvas-size-md3",
+    "offcanvas-size-lg1",
+    "offcanvas-size-lg2",
+    "offcanvas-size-lg3",
+    "offcanvas-size-full"
+]);
 /**
  * Offcanvas Types
  */
@@ -28,14 +59,16 @@ var OffcanvasTypes;
     OffcanvasTypes[OffcanvasTypes["Bottom"] = 1] = "Bottom";
     OffcanvasTypes[OffcanvasTypes["End"] = 2] = "End";
     OffcanvasTypes[OffcanvasTypes["Start"] = 3] = "Start";
+    OffcanvasTypes[OffcanvasTypes["Top"] = 4] = "Top";
 })(OffcanvasTypes = exports.OffcanvasTypes || (exports.OffcanvasTypes = {}));
 /**
- * Offcanvas Classes
+ * Offcanvas Types Classes
  */
-exports.OffcanvasClassNames = new classNames_1.ClassNames([
+exports.OffcanvasTypesClassNames = new classNames_1.ClassNames([
     "offcanvas-bottom",
     "offcanvas-end",
-    "offcanvas-start"
+    "offcanvas-start",
+    "offcanvas-top"
 ]);
 /**
  * Offcanvas
@@ -61,7 +94,8 @@ var _Offcanvas = /** @class */ (function (_super) {
     _Offcanvas.prototype.configure = function () {
         // Set the attributes
         this.props.id ? this.el.id = this.props.id : null;
-        // Set the type
+        // Set the size & type
+        this.setSize(this.props.size);
         this.setType(this.props.type);
         // Get the options
         var options = this.props.options || {
@@ -187,16 +221,30 @@ var _Offcanvas = /** @class */ (function (_super) {
         // Configure the event if we are setting the value
         this._autoClose ? this.configureAutoCloseEvent() : null;
     };
+    // Sets the offcanvas size
+    _Offcanvas.prototype.setSize = function (offcanvasSize) {
+        var _this = this;
+        // Parse the class names
+        exports.OffcanvasSizeClassNames.parse(function (className) {
+            // Remove the class names
+            _this.el.classList.remove(className);
+        });
+        // Set the class name
+        var className = exports.OffcanvasSizeClassNames.getByType(offcanvasSize);
+        if (className) {
+            this.el.classList.add(className);
+        }
+    };
     // Sets the offcanvas type
     _Offcanvas.prototype.setType = function (offcanvasType) {
         var _this = this;
         // Parse the class names
-        exports.OffcanvasClassNames.parse(function (className) {
+        exports.OffcanvasTypesClassNames.parse(function (className) {
             // Remove the class names
             _this.el.classList.remove(className);
         });
         // Set the class name
-        var className = exports.OffcanvasClassNames.getByType(offcanvasType) || exports.OffcanvasClassNames.getByType(OffcanvasTypes.End);
+        var className = exports.OffcanvasTypesClassNames.getByType(offcanvasType) || exports.OffcanvasTypesClassNames.getByType(OffcanvasTypes.End);
         this.el.classList.add(className);
     };
     // Shows the modal