@sapphire-ion/framework 1.0.24 → 1.0.26

package/lib/components/inputs/input-select/input.select.configuration.d.ts

@@ -81,6 +81,7 @@ export declare class InputSelectDataLoader {
     AddComponent(component: InputSelectComponent): void;
     GetLabel(value: any): string;
     isLoaded: boolean;
+    error: boolean;
     Refresh(items?: any[]): Promise<void>;
     items: any[];
     Load(): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapphire-ion/framework",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^18.2.8",

package/themes/compiled-styles.scss

@@ -588,6 +588,10 @@ video {
   pointer-events: none;
 }
 
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
 .\!visible {
   visibility: visible !important;
 }
@@ -812,6 +816,10 @@ video {
   z-index: 100;
 }
 
+.z-\[200\] {
+  z-index: 200;
+}
+
 .order-1 {
   order: 1;
 }

package/themes/components/inputs/input-select/input-select.component.scss

@@ -48,4 +48,13 @@
       @apply w-full;
     }
   }
+}
+
+.error-container{
+  @apply absolute bottom-0 left-0 size-full opacity-0 -translate-y-12 flex items-center pointer-events-none justify-center z-[200];
+  will-change: opacity, auto;
+  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
+  &.active{
+    @apply opacity-100 translate-y-0 pointer-events-auto #{!important};
+  }
 }

package/themes/styles/core.styles.scss

@@ -171,9 +171,9 @@ ion-item{
 	}
 }
 
-// ion-content{
-//   @apply bg-transparent;
-// }
+ion-content{
+  @apply bg-transparent;
+}
 
 ion-card{
 	@extend .translucid-border !optional;