@gomusdev/web-components 1.28.0 → 1.30.0

package/dist-js/components/ticketSelection/subcomponents/tickets/subcomponents/utils.svelte.d.ts

@@ -1,3 +1,3 @@
 import { TicketSelectionDetails } from '../../../TicketSelectionDetails.svelte.ts';
 import { Product } from '../../../../../lib/models/cart/types.ts';
-export declare function selectedTime(product: Product, tsd: TicketSelectionDetails): any;
+export declare function selectedTime(product: Product, tsd: TicketSelectionDetails): string | import('@internationalized/date').CalendarDate | undefined;

package/dist-js/gomus-webcomponents.css

@@ -933,7 +933,7 @@
   }
 /*END CALENDARUI CSS*/
 
-ul[data-go-timeslots] {
+go-timeslots > ul {
   max-width: 650px;
   list-style: none;
   padding: 0;
@@ -942,12 +942,12 @@ ul[data-go-timeslots] {
   grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
 }
 
-ul[data-go-timeslots] li {
+go-timeslots > ul li {
     margin: 5px;
     display: flex;
   }
 
-ul[data-go-timeslots] label {
+go-timeslots > ul label {
     display: inline-block;
     padding: 10px 20px;
     border: 1px solid #ddd;
@@ -962,18 +962,18 @@ ul[data-go-timeslots] label {
 
 /* Available timeslot */
 
-ul[data-go-timeslots] .available {
+go-timeslots > ul .available {
     background-color: #fff;
     color: #333;
   }
 
-ul[data-go-timeslots] input[type='radio'] {
+go-timeslots > ul input[type='radio'] {
     display: none; /* Hide the radio button */
   }
 
 /* When a timeslot is selected (checked radio button) */
 
-ul[data-go-timeslots] label:has(input[type='radio']:checked) {
+go-timeslots > ul label:has(input[type='radio']:checked) {
     background-color: #12826a;
     background-color: var(--primary); /* blue-green color */
     border-color: #12826a;
@@ -985,29 +985,29 @@ ul[data-go-timeslots] label:has(input[type='radio']:checked) {
 
 /* Finished (unavailable) timeslot */
 
-ul[data-go-timeslots] .finished {
+go-timeslots > ul .finished {
     background-color: #f0f0f0;
     color: #999;
   }
 
-ul[data-go-timeslots] .finished input {
+go-timeslots > ul .finished input {
     display: none;
   }
 
-ul[data-go-timeslots] .finished {
+go-timeslots > ul .finished {
     pointer-events: none;
   }
 
 /* Disabled radio button appearance */
 
-ul[data-go-timeslots] input:disabled + label {
+go-timeslots > ul input:disabled + label {
     background-color: #e0e0e0;
     color: #bbb;
     cursor: not-allowed;
     border-color: #ddd;
   }
 
-ul[data-go-timeslots] label:hover {
+go-timeslots > ul label:hover {
     /*background-color: #f0f0f0;*/
     border-color: #12826a;
     border-color: var(--primary);
@@ -1017,7 +1017,7 @@ ul[data-go-timeslots] label:hover {
 
 /* Focus state for better accessibility */
 
-ul[data-go-timeslots] input:focus + label {
+go-timeslots > ul input:focus + label {
     outline: 2px solid #0052cc;
   }
 
@@ -1098,9 +1098,9 @@ go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul  > li {
             /*// enable text truncation*/
             min-width: 0;
             /*// Optional: single-line truncation (comment out if you want wrapping)*/
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
+            /*white-space: ;*/
+            /*overflow: hidden;*/
+            /*text-overflow: ellipsis;*/
           }
 
 go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-tickets-title] {
@@ -1190,9 +1190,9 @@ go-cart {
 [data-go-cart-item] article > ul  > li {
         list-style: none;
         min-width: 0;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        /*white-space: nowrap;*/
+        /*overflow: hidden;*/
+        /*text-overflow: ellipsis;*/
       }
 [data-go-cart-item] article > ul [data-go-cart-item-title] {
         flex: 2;