@aziontech/webkit 1.5.4 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aziontech/webkit",
-  "version": "1.5.4",
+  "version": "1.6.0",
   "description": "Reusable UI components and design system utilities for building Azion web interfaces.",
   "license": "MIT",
   "repository": {
@@ -68,6 +68,7 @@
     "./label": "./src/core/form/label/label.vue",
     "./selector-block": "./src/core/selector-block/selector-block.vue",
     "./azion-system-status": "./src/components/azion-system-status/azion-system-status.vue",
+    "./testimonials-carousel": "./src/components/testimonials-carousel/testimonials-carousel.vue",
     "./client-testimonials-block": "./src/components/client-testimonials-block/client-testimonials-block.vue",
     "./svg/error-403": "./src/svg/error-403/error-403.vue",
     "./svg/error-404": "./src/svg/error-404/error-404.vue",

package/src/components/testimonials-carousel/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./testimonials-carousel.vue",
+  "module": "./testimonials-carousel.vue",
+  "types": "./testimonials-carousel.vue.d.ts",
+  "browser": {
+    "./sfc": "./testimonials-carousel.vue"
+  },
+  "sideEffects": [
+    "*.vue"
+  ]
+}

package/src/components/testimonials-carousel/testimonials-carousel.vue

@@ -0,0 +1,78 @@
+<script setup>
+import Carousel from 'primevue/carousel'
+import { computed } from 'vue'
+
+const AUTOPLAY_INTERVAL_MS = 10000
+
+const props = defineProps({
+  testimonials: {
+    type: Array,
+    required: true,
+    validator: (value) => value.length > 0
+  },
+  subtitle: {
+    type: String,
+    default: 'Trusted by market leaders across banking, e-commerce, tech, and other industries.'
+  },
+  autoplayInterval: {
+    type: Number,
+    default: AUTOPLAY_INTERVAL_MS
+  },
+  circular: {
+    type: Boolean,
+    default: false
+  },
+  showNavigators: {
+    type: Boolean,
+    default: false
+  },
+  showIndicators: {
+    type: Boolean,
+    default: false
+  },
+  quoted: {
+    type: Boolean,
+    default: true
+  }
+})
+
+const carouselOptions = computed(() => ({
+  numVisible: 1,
+  circular: props.circular,
+  showNavigators: props.showNavigators,
+  showIndicators: props.showIndicators,
+  autoplayInterval: props.autoplayInterval
+}))
+</script>
+
+<template>
+  <div class="flex flex-col gap-16 md:max-w-[672px]">
+    <p class="text-color-secondary text-center">
+      {{ subtitle }}
+    </p>
+
+    <Carousel
+      :value="testimonials"
+      v-bind="carouselOptions"
+    >
+      <template #item="{ data }">
+        <div class="flex flex-col gap-2">
+          <div class="text-xl md:text-3xl font-medium text-center">
+            <q v-if="quoted">{{ data.testimonial }}</q>
+            <span v-else>{{ data.testimonial }}</span>
+          </div>
+          <p class="text-color-secondary text-center">
+            {{ data.name }}, {{ data.position }}
+          </p>
+        </div>
+
+        <div
+          v-if="data.logo"
+          class="flex justify-center mt-16"
+        >
+          <component :is="data.logo" />
+        </div>
+      </template>
+    </Carousel>
+  </div>
+</template>

package/src/components/testimonials-carousel/testimonials-carousel.vue.d.ts

@@ -0,0 +1,71 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    testimonials: {
+        type: ArrayConstructor;
+        required: true;
+        validator: (value: unknown) => boolean;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoplayInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    circular: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNavigators: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIndicators: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    quoted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    testimonials: {
+        type: ArrayConstructor;
+        required: true;
+        validator: (value: unknown) => boolean;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoplayInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    circular: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNavigators: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIndicators: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    quoted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    subtitle: string;
+    autoplayInterval: number;
+    circular: boolean;
+    showNavigators: boolean;
+    showIndicators: boolean;
+    quoted: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=testimonials-carousel.vue.d.ts.map

package/src/components/testimonials-carousel/testimonials-carousel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testimonials-carousel.vue.d.ts","sourceRoot":"","sources":["testimonials-carousel.vue"],"names":[],"mappings":"wBAmQqB,OAAO,YAAY;;AAjCxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAgCG"}

package/src/core/form/field-text-icon/field-text-icon.vue.d.ts

@@ -93,8 +93,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     disabled: boolean;
     value: string;
     placeholder: string;
-    readonly: boolean;
     required: boolean;
+    readonly: boolean;
     iconPosition: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=field-text-icon.vue.d.ts.map