valtech-components 2.0.328 → 2.0.330

package/lib/components/molecules/code-display/code-display.component.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { ToastController } from '@ionic/angular';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-typescript';
+import { CodeDisplayMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class CodeDisplayComponent implements AfterViewInit, OnChanges {
+    private cdr;
+    codeElement: ElementRef<HTMLElement>;
+    props: CodeDisplayMetadata;
+    toast: ToastController;
+    selectedTab: number;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    selectTab(i: number): void;
+    private highlightCode;
+    copyToClipboard(): Promise<void>;
+    presentToast(message: string): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeDisplayComponent, "val-code-display", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/code-display/types.d.ts

@@ -0,0 +1,10 @@
+export type CodeTab = {
+    label: string;
+    code: string;
+    language: string;
+};
+export type CodeDisplayMetadata = {
+    code: string;
+    language: string;
+    tabs: CodeTab[];
+};

package/lib/components/organisms/article/article.component.d.ts

@@ -31,7 +31,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -44,7 +44,7 @@ export declare class ArticleComponent implements OnInit {
         allowPartialBold?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.328",
+  "version": "2.0.330",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
@@ -8,7 +8,8 @@
     "ionicons": "^7.2.1",
     "rxjs": "~7.8.0",
     "prismjs": "^1.30.0",
-    "swiper": "^11.2.8"
+    "swiper": "^11.2.8",
+    "@capacitor/clipboard": "^6.0.1"
   },
   "dependencies": {
     "@capacitor/browser": "^6.0.3",

package/public-api.d.ts

@@ -63,6 +63,8 @@ export * from './lib/components/molecules/select-search/select-search.component'
 export * from './lib/components/molecules/text-input/text-input.component';
 export * from './lib/components/molecules/title-block/title-block.component';
 export * from './lib/components/molecules/title-block/types';
+export * from './lib/components/molecules/code-display/code-display.component';
+export * from './lib/components/molecules/code-display/types';
 export * from './lib/components/organisms/article/article.component';
 export * from './lib/components/organisms/article/types';
 export * from './lib/components/organisms/banner/banner.component';