@peektravel/app-utilities 0.1.2 → 0.1.5

package/dist/ui/index.cjs

@@ -811,13 +811,19 @@ define("ody-alert", OdyAlert);
 
 // src/ui/components/card.ts
 var OdyCard = class extends OdyElement {
-  static observedAttributes = ["bar-color", "clickable"];
+  static observedAttributes = ["bar-color", "clickable", "no-bar"];
   render() {
+    const noBar = this.flag("no-bar");
     const barColor = this.attr("bar-color");
     const barStyle = barColor ? ` style="background-color:${this.esc(barColor)}"` : "";
-    const cls = classes("ody-card__container", this.flag("clickable") && "ody-card--clickable");
+    const cls = classes(
+      "ody-card__container",
+      this.flag("clickable") && "ody-card--clickable",
+      noBar && "ody-card--no-bar"
+    );
+    const bar = noBar ? "" : `<div class="ody-card__container__bar"${barStyle}></div>`;
     this.mount(
-      `<div class="${cls}" style="display:flex"><div class="ody-card__container__bar"${barStyle}></div><div class="ody-card__container__content" data-ody-slot></div></div>`
+      `<div class="${cls}" style="display:flex">` + bar + `<div class="ody-card__container__content" data-ody-slot></div></div>`
     );
   }
 };
@@ -1260,6 +1266,14 @@ define("ody-two-column-main", OdyTwoColumnMain);
 define("ody-two-column-secondary", OdyTwoColumnSecondary);
 define("ody-two-column-secondary-header", OdyTwoColumnSecondaryHeader);
 
+// src/ui/components/page-container.ts
+var OdyPageContainer = class extends OdyElement {
+  render() {
+    this.mount(`<div class="ody-page-container" data-ody-slot></div>`);
+  }
+};
+define("ody-page-container", OdyPageContainer);
+
 // src/ui/components/collapsible-section.ts
 var OdyCollapsibleSection = class extends OdyElement {
   static observedAttributes = ["header-text", "secondary-header-text", "icon", "expanded"];
@@ -3877,6 +3891,7 @@ exports.OdyMessage = OdyMessage;
 exports.OdyModal = OdyModal;
 exports.OdyMoneyInput = OdyMoneyInput;
 exports.OdyOption = OdyOption;
+exports.OdyPageContainer = OdyPageContainer;
 exports.OdyPanel = OdyPanel;
 exports.OdyPercentageInput = OdyPercentageInput;
 exports.OdyPopover = OdyPopover;