@gomusdev/web-components 0.0.17 → 0.0.19

package/dist-js/go.svelte.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/gomus-webcomponents.css

@@ -975,3 +975,114 @@ ul[data-go-timeslots] label:hover {
 ul[data-go-timeslots] input:focus + label {
     outline: 2px solid #0052cc;
   }
+
+go-tickets {
+  /*// Tweak these numbers to change column ratios (must match header + rows)*/
+  --col-title: 2;
+  --col-desc: 4;
+  --col-price: 1;
+  --col-qty: 1;
+}
+
+go-tickets [data-testid='tickets'] {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    /*// Header row*/
+  }
+
+go-tickets [data-testid='tickets']  > li[data-go-tickets-header] {
+      top: 0;
+      background: inherit;
+    }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header]  > ul {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        padding: 0.5rem 0;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        font-weight: 600;
+      }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul  > li {
+          list-style: none;
+          /*// allow truncation*/
+          min-width: 0;
+        }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul > li:first-child {
+            padding-left: 0;
+          }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-title] {
+          flex: var(--col-title) 0 0;
+        }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-description] {
+          flex: var(--col-desc) 0 0;
+        }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-price] {
+          flex: var(--col-price) 0 0;
+          text-align: right;
+        }
+
+go-tickets [data-testid='tickets'] > li[data-go-tickets-header] > ul [data-go-tickets-quality] {
+          flex: var(--col-qty) 0 0;
+          text-align: right;
+        }
+
+/*// Data rows*/
+
+go-tickets [data-testid='tickets']  > li {
+      list-style: none;
+    }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket]  > ul {
+          display: flex;
+          align-items: center;
+          gap: 1rem;
+          padding: 0.75rem 0;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+        }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul  > li {
+            list-style: none;
+            /*// enable text truncation*/
+            min-width: 0;
+            /*// Optional: single-line truncation (comment out if you want wrapping)*/
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-title] {
+            flex: var(--col-title) 0 0;
+          }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-description] {
+            flex: var(--col-desc) 0 0;
+          }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-price] {
+            flex: var(--col-price) 0 0;
+            text-align: right;
+          }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-quality] {
+            flex: var(--col-qty) 0 0;
+            text-align: right;
+          }
+
+go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-quality] select {
+              /*// keeps the quantity control aligned but not stretched*/
+              margin-left: auto;
+              /*// adjust as needed*/
+              max-width: 8rem;
+
+              min-width: 4rem;
+              min-height: 2rem;
+              width: auto;
+            }