pmds-hub 20.1.0

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/components/pmds-cdk-id-app-svg-qr/pmds-cdk-id-app-svg-qr.component.spec.ts

@@ -0,0 +1,26 @@
+////////Angular imports
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+////////Component imports
+import { PmdsCdkIdAppSvgQRComponent } from './pmds-cdk-id-app-svg-qr.component';
+
+describe('PmdsCdkIdAppSvgQRComponent: Generic buttons for download id app', () => {
+    let component: PmdsCdkIdAppSvgQRComponent;
+    let fixture: ComponentFixture<PmdsCdkIdAppSvgQRComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ PmdsCdkIdAppSvgQRComponent ]
+        })
+            .compileComponents();
+    });
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(PmdsCdkIdAppSvgQRComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/components/pmds-cdk-id-app-svg-qr/pmds-cdk-id-app-svg-qr.component.ts

@@ -0,0 +1,14 @@
+////////Angular imports
+import { Component, Input } from '@angular/core';
+
+@Component({
+	selector: 'pmds-cdk-id-app-svg-qr',
+	standalone: true,
+	imports: [],
+	templateUrl: './pmds-cdk-id-app-svg-qr.component.html',
+})
+export class PmdsCdkIdAppSvgQRComponent {
+	@Input() svgHeight!: number;
+	@Input() svgId!: string;
+	@Input() svgWidth!: number;
+}

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/index.ts

@@ -0,0 +1 @@
+export * from './pmds-cdk-download-id-app-buttons.component';

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/models/pmds-cdk-download-id-app-buttons.model.ts

@@ -0,0 +1,11 @@
+export interface IPmdsCdkStoreIdApp {
+    id: string;
+    name: string;
+    imageBase64: string;
+    url: string;
+    width?: number;
+    height?: number;
+}
+
+export const PMDS_CDK_DOWNLOAD_ID_APP_BUTTONS_DEFAULT_WIDTH = 185;
+export const PMDS_CDK_DOWNLOAD_ID_APP_BUTTONS_DEFAULT_HEIGHT = 185;

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/pmds-cdk-download-id-app-buttons.component.html

@@ -0,0 +1,31 @@
+<section class="grid gap-6"
+    [ngClass]="{
+        'grid-cols-1 md:grid-cols-2 lg:grid-cols-2': direction === 'row',
+        'grid-cols-1': direction === 'col'
+    }">
+	<!-- DOWNLOAD CARD -->
+	@for (storeIdApp of storeIdApps; track storeIdApp.id) {
+		<div class="border border-color-border-default rounded-pmds flex w-full min-w-[15.75rem] bg-color-surface-primary">
+			<div class="flex flex-col items-center gap-2 p-6 w-full"
+				 [attr.data-qa-id]="dataQA + componentSelector + 'container'">
+				<!-- IMAGE LINK -->
+				<a target="_blank" [href]="storeIdApp?.url">
+					<img [src]="sanitizedUrl(storeIdApp?.imageBase64!)"
+						 [alt]="storeIdApp?.name"
+						 [attr.width]="storeIdApp?.width"
+						 [attr.data-qa-id]="dataQA + componentSelector + 'image'"
+					/>
+				</a>
+				<!-- END IMAGE LINK -->
+				<!-- QR -->
+				<pmds-cdk-id-app-svg-qr
+					[svgId]="storeIdApp?.id!"
+					[svgWidth]="storeIdApp?.width!"
+					[svgHeight]="storeIdApp?.height!"
+					[attr.data-qa-id]="dataQA + componentSelector + 'qr-' + storeIdApp?.id!"/>
+				<!-- END QR -->
+			</div>
+		</div>
+	}
+	<!-- END DOWNLOAD CARD -->
+</section>

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/pmds-cdk-download-id-app-buttons.component.spec.ts

@@ -0,0 +1,28 @@
+////////Angular imports
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+////////Component imports
+import { PmdsCdkDownloadIdAppButtonsComponent } from './pmds-cdk-download-id-app-buttons.component';
+import { PmdsCdkIdAppSvgQRComponent } from './components/pmds-cdk-id-app-svg-qr/pmds-cdk-id-app-svg-qr.component';
+
+describe('PmdsCdkDownloadIdAppButtonsComponent', () => {
+  let component: PmdsCdkDownloadIdAppButtonsComponent;
+  let fixture: ComponentFixture<PmdsCdkDownloadIdAppButtonsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        PmdsCdkDownloadIdAppButtonsComponent,
+        PmdsCdkIdAppSvgQRComponent
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PmdsCdkDownloadIdAppButtonsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+  
+});

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/pmds-cdk-download-id-app-buttons.component.stories.ts

@@ -0,0 +1,69 @@
+////////Component imports
+import { PmdsCdkDownloadIdAppButtonsComponent } from './pmds-cdk-download-id-app-buttons.component';
+import { componentInfo } from "./story-helpers/pmds-cdk-download-id-app-component-info-story";
+
+export default {
+	title: 'Cdk/Resources/Download id app buttons',
+	component: PmdsCdkDownloadIdAppButtonsComponent,
+	tags: ['autodocs'],
+	args: {
+		direction: 'row',
+		dataQA: 'storybook-qa-',
+		width: 185,
+		height: 185,
+	},
+	argTypes: {
+		direction: {
+			description: 'Direction for id app buttons',
+			table: {
+				type: { summary: `string` },
+				defaultValue: { summary: `row` },
+			},
+			options: ['row', 'col'],
+			control: { type: 'select' },
+		},
+		width: {
+			description: 'QR width',
+			table: {
+				type: { summary: `number` },
+				defaultValue: { summary: `185` },
+			},
+			control: { type: 'number' },
+		},
+		height: {
+			description: 'QR height',
+			table: {
+				type: { summary: `number` },
+				defaultValue: { summary: `185` },
+			},
+			control: { type: 'number' },
+		},
+		dataQA: {
+			description: 'Reference for QA',
+			table: {
+				type: { summary: 'string' },
+			},
+			control: {
+				type: 'text',
+			},
+		},
+	},
+	parameters: {
+		docs: {
+			subtitle: 'PmdsCdkDownloadIdAppButtonsComponent',
+			description: {
+				component: componentInfo,
+			},
+		},
+	},
+};
+
+export const DownloadIdAppButtonsDefault = {};
+
+export const DownloadIdAppButtonsVertical = {
+	args: {
+		direction: 'col',
+		width: 150,
+		height: 150,
+	},
+};

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/pmds-cdk-download-id-app-buttons.component.ts

@@ -0,0 +1,58 @@
+////////Angular imports
+import { NgClass } from '@angular/common';
+import { Component, inject, Input, OnInit } from '@angular/core';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+////////Component imports
+import {
+	IPmdsCdkStoreIdApp,
+	PMDS_CDK_DOWNLOAD_ID_APP_BUTTONS_DEFAULT_HEIGHT,
+	PMDS_CDK_DOWNLOAD_ID_APP_BUTTONS_DEFAULT_WIDTH
+} from './models/pmds-cdk-download-id-app-buttons.model';
+import { PmdsCdkIdAppSvgQRComponent } from './components/pmds-cdk-id-app-svg-qr/pmds-cdk-id-app-svg-qr.component';
+
+@Component({
+	selector: 'pmds-cdk-download-id-app-buttons',
+	standalone: true,
+	imports: [
+		NgClass,
+		PmdsCdkIdAppSvgQRComponent
+	],
+	templateUrl: './pmds-cdk-download-id-app-buttons.component.html'
+})
+export class PmdsCdkDownloadIdAppButtonsComponent implements OnInit {
+	@Input() dataQA!: string;
+	@Input() direction: 'row' | 'col' = 'row';
+	@Input() height = PMDS_CDK_DOWNLOAD_ID_APP_BUTTONS_DEFAULT_WIDTH;
+	@Input() width = PMDS_CDK_DOWNLOAD_ID_APP_BUTTONS_DEFAULT_HEIGHT;
+
+	componentSelector = 'pmds-cdk-download-id-app-buttons-';
+
+	storeIdApps: IPmdsCdkStoreIdApp[] = [
+		{
+			id: 'id-app-store',
+			name: 'App Store',
+			imageBase64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAA2CAYAAABeOaLAAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAArqADAAQAAAABAAAANgAAAAC4jjOvAAAZ0ElEQVR4Ae2dB5BURfPAhywcEs14iGDEiBEzijkHzJZi+lPmnErLrGX2s1TMAuacc8SAOedAVsAsKiBImH//+q7fzc693du9fQd8n9tVey/19PT09PR098x718wLuApUJPDfJYFBLdP4RZX/+OMP9/vvv7spU6a6HN32zdKKONesAf23csXiWS0F8Zs5uEkdemE5q9toFnsslUYh/OBZs1oRevhSscmfRKx2rxCT5eAb3biekKbhpB3jcik42hZtmD609nKhfaWPBCnEq73XrLnclgLtqtq5zp07ufbtO7hWLeVmBPUUd8aMf9yoUaPdBx98oL/x48e7f/75Jyo2P13SYpXA/MRUhZdAAigikGMAg+fx6QILLOC6LbmkW3311d1qq63qevXs5aqq2rrmzesUWBUXgtCeNWu2++KLL9zDDz/sbrnlFjdx4oSYZuW6IoG5JoHu3Zdye+yxh9txp51cn9VXc1Xt2ycmShXXTPnEiZPcs88+6/7znyvdX3/9NdcYrFRUkUCaBMaPH+eGDRvq2rWrcp27dHHLLbOMa926laImtnf27FkOt+Cxxx6rKG2aFCv35roEcDF+/vlnN+KNEW7kt6Pc9BnTEx5qFbeZmzFjlvv++wni345MHlZOKhKYlxIwn3jUyJHuhx9+0FjL7iUWlxszRKOnTp2qvJpDPS8Zr9RdkQASmDlzlpszZ5bzc+oyFYnighCmlUyzud/UwCCJB0qrVjW+TFPVnVZnU9XVVHRjmTVVPTFdq3fuy7Aue5QorjETMzk3rhkk1N+7d293/vnnu1deecVtt912mVRNCqVr165uhRVWkNTKam7llVd2iy66qKZm5tbgbN26tdtkk03cThIdt2nTJrN2VVdXu7333tutuuqqmdAslshSSy2lbUGecws0Y1+nt65eHnduMRLWQ8ceccQR7qSTTnKLL764uiszZ84MURp93q5dOzdw4EB3/PHHuz///FMVdtq0ae755593V1xxhTr/+YgzmELlLnQdP4Om3SMvidL27NnTDR8+XFyyGfmqTL1vdIymHZeRKPvoo492Q4YMcZ988kmDZVMRGrhJ3Z06dXItW7ZU+cE7RuDggw/WDNRHH32kFEIeY5KFnsW4xV7Pc8VFaY855hh34YUXqnBQFBTs888/L7YNBfGwuF0klfLLL7+43XbbTXLVs9z222/vTjjhBFmZ6eyOOuoo8aHqBgn8zJkzR/EgjNAbAkuMg0tZjnS00aVNnNu10aMceLNnz9Yf962T7RllKN+iRQs9hvQphyJxLAS0Ka4DfOga79BNg4UWWkj7h8F31VVXue+++05psSiFLMPyxjt0jH9rexrtcu4lrkI5RBpbls7YeOON3emnn54oLcJ4+umn3YQJ2S1+WAejvGPHjlULhbXdeuut1XWAj5VWWsndfffd7r333nMvv/yy22+//ZQnrOSwYcPcrrvuKvnEdu6www5z1113nSo9s8Ptt9/uttpqKx0cQ4cOdRdddJGW//DDD93hhx+uChfLB0XaYIMN3AMPPKD1Pf74427nnXfW+tpLkn2vvfZyw8Uyv/baa0qfKZk2oDy4UM8995x78803VW7whHLEQIywzjrruHvuuce9++677sknn3S777678rPwwgtr2RtvvNE988wz+vzYY49VlyqkAy8DBgxQfpAHblzfvn21PnhhceDFF19UXvfZZx/Xtm1bLY47dtlll7nXX39dF7OgAX6WME8Vl4YeeuihrmPHjtomRuxPP/2kihFbp3IbDW0DrMVXX32lFqN79+4Oq4LCMSVigVEMrlHsv//+W90XlBMlYcpHyZZddlm3yiqruD59+ijPKArX4A0ePFg78+STT3brrruuVZscl19+eXWLGKRY/i+//NKdffbZbv3111er/PHHH6tinXfeecrTkUceqUqNL3vqqae63377TfEZ3ChhmrWEPwwCg/LEE090n376qTvjjDOUPwbORhttpIOWQfP222+7XXbZRY0ITJqspk+frkrNYH7jjTfcvffe67799ltVXJSaDBQDA4Ow5557uhVXXNEtscQSbqC4Zh06dNB6KctAXG+99ZL2Z3Eyz1wFhLPYYou5zTbbLGkHm3oQLo1tSqBum3oZIFhVOhofm8BwzJgxqrQ77LCDXmPdUCqCR5Qca9qvXz9VZHBZJkfp6cinnnrKPfTQQ5IT/95tuummbumll1aloU4sI64BikuAc9xx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',
+			url: 'https://apps.apple.com/app/santander-id/id1532717588'
+
+		},
+		{
+			id: 'id-google-play',
+			name: 'Google Play',
+			imageBase64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALEAAAA2CAYAAACInHilAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAsaADAAQAAAABAAAANgAAAABpXZkHAAAbL0lEQVR4Ae2dB4AURdOGa3cPzAoGkHwnYMacFURUBFEwZxFFMWHGiL85ox9iQCWjIhhQMaOiKCiSRUQEJB1R4QiS4Xb7r6fuep3bC+wtBwJu4dzMznSa7rffrq6uHkNORdKSroEttwbaZgTLDp5DoZBw/uuvv2Tp0qV2pHEerKX09aasge22204qVKggu+66q+ywww6GTfIHp14KgJgHixYtkl9//VX++OMPmTFjhixevFhyc3MlFov5OOlzugY2SQ1EIhHZcccdpWrVqrLXXnvJEUccIZUqVRLuB6UAiBcsWCA//PCDfPvtt/LJJ5/I7NmzZe3atcHw6et0DWzSGsjIyDAWPuqoo4xg69evLzVr1pRy5crFy5HhVYXVq1fL6NGj5cMPP5S33npL1q1bFw+UvkjXwL9VA2gBqLaff/65qRKAGrUCRg6Hw1asMCoER3Z2tvzyyy/ywQcfpAH8b7VYOt9iayAajcp3331nRAtWgxqCQRl9d+HChTJy5Ej5+++/4wgvNsX0g3QN/As1sHz5cpkwYYLMmjWrMIhBeU5OjsyZM8eKlp7E/QstlM4yqRqYP3++GRuC6m6eUqHRuQmYU5d/TB6pp5GOma6BkmsAnKInB8VAHLS5BR8Wd42JjgNDhz8yJKTXIYn3iuIib8L7XvEnS8wyTAqCUtr3Jm5inMTfwfT9NWGCZQnOrHmWmEbivcTnPt3/4rmouijYqsnWigI4IxaSWMUdRE7IktjfqyVj5AyJrFwnm4tBjpdFLdpjjz2kZcuWcvTRR9vs9ueff5Z33nlHpk+fLpUrV5Ybb7xRdtllF3tzejg28j///FOaNGliPR7rDeDHft61a1czOwLCgw8+WE444QT5+OOP5eqrrzZ7JvEBK5OOL7/8Ur766qt4jW6//fbStGlTOfPMMy0set3rr79uE5WddtpJMB0dcMAB8vbbb9skGwM/98jro48+KsQ+8YTTFykSZ0z5tvz2Iu3aS/SFC8R1O1nWvXmxRE+qI5FQWOgZKBewtbHKv1TRtWrVknfffVdat24t06ZNk0mTJknz5s3liSeeMCDttttuBuJ9993XwA7gARQmHAzsgPTaa6+VzMxMIaxncs4HHXSQtGrVSsqXL2/P9t57b7nuuuvkmGOOsbQArRfiPvroo/L888/LmjVrZNSoUZbmK6+8Is2aNbP8GjRoIPfcc4/ccMMNliYd66STTpJTTjmlkHHfp5s+59eAMo1TPcO99957Tg3K+FGs9whLyIX2qOVk0DInYyY7mXavk3ltnExt68KdW7hIvaquvKajYHaRcEjXstefZjL5liaMgsi99NJLbty4cS4rK8veSTuU0xUgV7duXaeM6ZT5nM52na4GFXrnbbfd1l188cVOAefUJlnguS6FOmV399NPPzlVU+yZAt2NGTPGnXXWWQXCbrPNNu6CCy5wyvzunHPOiT+jHE8++aQbNGiQO/LII90DDzzg5s6da/mdccYZrkaNGu7pp592CnynHSUerzR1sDWG3W+//Zx2fqfWNKCL3JiSCqtanEg5PXZUtllXV2RxS5E1O+vv5RK7pIpE+zeX3P+rL1J1FwnHtP71vzzlW6t1E0nFihWFVR6GbFQHGHOfffaR6tWrWwk4M1SzNs8wDyNy5r6NHqFQnHmJi3A/UXxYwnDt2dqHg5GPPfZYM19ig0cIt2LFCjPgo4Kg6qxatUqGDx8uI0aMkCuvvNLYfcMm2r4EW/85JZ04KjEFZ0xcCH8KheeafUUWXSlSuZeCO0ekUlhi9xwsrnldCXWbIBn9xossXalg1vv6b2MLIFEGNJ0YHxAE/bdz584GDvRWDOadOnWycLfeequBauXKlaLsaHqvLyNpedFe7y/tzO/EewUC6A/iK6vLzJkz42GJw32Ai3pBh+PMyhTqz3333SfXXHONLFu2LB4nMd30739qICUmjkenfTFP0BVW7y+y8HKR3N31hz7IXS2uXobEOh4puQNaiDvnAAmV27DsNOGkBJAAAMwxxx9/vMUBIEzi0GNVdTIwEw77+IUXXig6pJsOyvJmELhJZVhCIJiWPA4//HADsw9KR0IHR/fF0QphIjp+/Hib3KlKYQydZmOrmhL/pIwqBwNH8lnKg3nFASLzL9bWUNUCVTFX7c6xVSLH7SzRno0k2r2ZRI6oaaoF2Lel7/wkSixlCg9xIwWsWCZatGhhgJ4yZYqpD0yiGLpVBzUmhrVhSw6vOpAlQOMoToLPAb4/CO87AuyOlSIzM1MefPBBY13MfUwEYVvKgAqBasN92Fn1ZPn+++/NAuLTKa4M6ft5HJpaPWijSTiAQNpaLROy4iCR2a1EaryhqsUi04fN7lZujchF1STaqLKE+s2UUOdREp6WY4AuaLpOrTiJsTBzde/eXfbcc095+eWXpX379mamQq1geR0LBT6q6KyYzgAbTAiACIvwm2G+KOFZcP2eMPzmflBgYkD6yCOPWLpYRzDX4cDCEir36XCMCrAuZ7wHe/XqJVhN0rL+GkhJJ45DN0hS+eqx6cgrVLXIbiVSq4d2E9WR0YOjmlVM4VpRcX1zbYk2ry7hrlNEeoyTUM5SK6kjYf7YuaD+aQFK+Ye19vvvv9888/BFRX777TcZNmyY4LXH5Oryyy83BoZVASA2YgRAAujJkyebOmA38/8AbP8sCLybbrrJVAPYEzB6Ia833nhDBg8eLI0aNTKTGkv833zzjSxZssRGg759+9ooQdqk+eOPP9oo4sHt00qfC9dASCvJwRYDBgyQZ555xlijcLCCd8CYVMkU9+VUvVAkA+DgQftF9cbOv4pU66uM/JeCU8NxwOA8z+CP+oSOXirhjmNFPvtDMlbp0rclHpPoPxjQcGlJ10BeDaiJTW6++WY5//zzbV6jd9sGubT09QTgTLlNOHMvokkvO1Bk1mVKa5X0hqIypEzswQlK3WqRo8tJrHdDifU9W9adqKt/yohRo2RDs8ZLS7oGSq6BlEFs6xfEBmv+TF4ee5zRkZfvJzLnIp3k7ZYXTtCAAbAGiCoTr8IGq3rn6ToZfLepVH3yEDlwL+7pMxKGufUcCtEz0pKugcI1APxSEsOqAVWjkwoHGnYe5vJ+xxm5nk72rspjZAMlugcCOwNoPSmOa2Rky5tnTpdBL62TR67PkGqVNEGXB161yOZFKaO/6K1YJdKy5ddAShM7XttABQANzXoj2B0CGM2rIg20vK7IzJYiNXspyS7QBIgAMNXwrwvUNdbkyOvZ38mJK3SSp6bm9m1WyjmnhOXFvuXlrU+jsmyVOtcQWsEXnDTprRLFT7KYuFWrVs1W5XCswWqBSQtLwdixY82RBxttadIuMeMyfshKIBYN/EEww7GIw8Q1FcGMqMvaUqVKlULvy4QWPxMmnEwwqT/Mf+xro86wt+O8RBk2G2FiV1rfCYWkC1Wp5WRSrpPJOg2fpMfE/GOCnsfr8bMeY/UYrccoPUboMUwV4fETnCxRX4vlrXRFoo0LLbvR1cpp4QaOruTcYK3TIXr8qMcIPcaJyx0fcgN7RFyzBuVdJMRskIPek98DkjjrgoK7/fbbnTY8r1uk6IKEe+6558xnoTRpb6qwuqrnbrvtNqfgcWpdcYccckip6iBYTu3M7oUXXmBCb4evELXOOAWu087s7r33XpeZmWl5EL5Lly4Wtk+fPk5NfynnHSxHKtdF+U6kzMRagDwW9kwcPHtWDjKyPdc/K9X2ma2MXKO3hNT8VmvVLOk9dYg0WL5YPeMs1bw/VJOulUQU+42Pi0r9w6PSe0BY7u0QkiXqd5SsYAvWBpNLL73UovgtLhMnTjQzWlZWltSrV89Y5vrrr5fdd9/dFiESbcDJ5rcxwzGawMiMIBsqMCzp8J58lsHbt1GxDjzwQHnooYfMU49leFYcffiyyHtDy54YPyUQe7yaRsAPjynOXkvwgcgRMPNMK85saCv3kdC81rL3To9J1znfSP2/dVgMApg4iE9X54Lbqfp6xSUx+XliRF5Tq10ywkIGjQGAaSw2GrLIgZ3YL2IACvx4caPEvRL3yM0RwMm8b2nDoC6ww/3uu+82oNJJ+M4D/tHnnnuusPTNKie73z3IS5vHpgifEogLFCwIVv/A3/OMnHA/EnZy/LDl0r3/XKnTXGd0LEwBWA9aH96frQPoD2XmZL8kADhPP/108wcGsDivsxjBHq2g0JDqrilt27a1FTy+vfFfEj8yMTfwwmZhCABbLD4l+D+zlrC5SiLMkiqn4Q21lNgcgNZf+9/c42Dk456dnUTKxeSE8b9Ir8cfkTpf6Gpe59ripqg5zXcnSzw/ru8M+lj9eaRbz7D0/5zE1i8777yzAZhJCaturNx5ADM0elF90IZKmAYAw0ZeCBcMy33Sw8cieL+4a8IziSJ8MkLeDOfkkawE86bjJuYVfF5UmjwnHuLD/v777wZcnKjwsMNJiXoqTigvmwmStfaQj88rmGZR94LPi7v20CnuefH3wYEHrG933tPrwcT0WOG53o+UU/12+Bjp8vjjUn3aHEWE6giTdHdeh9oit08TOUQ3N9HhA/HwIfr825C80LucDBpePFmTnRfAoI7vxiJ4sn322We2q4NKojE8cH3D+DPxg8OmD0cjoWqglqB6AEwAz9Lz+++/b9c+b86Ex5f5kksusXKgR7Kc/fXXX9vWqESrAh2OHRw4KmE1wJdi6NChtkSOJYUl6oEDBxa5kZe0WcUiL53sWdlwM2Xk4StOpVGNfD2gUgBe3oP64yhKateuLboJQE488USbS7CMz/av/v37m5qC596pp55qdYoTFIxO/fp6pY54TicaPHiwqXmlKa8vU+og9ikAOMDrgefPPAe89kwZWL3aGoweKa8++oxUz9Zl6LACWI0btqbxhy6EdFKAtZsuoXq6iqeAZwfUuPEheb5fRPoPCsuK1bnqNEfiEdUqfKZkUlgAMSYhGATHHjzCEA9irmENGh8AoVIEhfgADUZCAC+OOpiYggLozjvvPFGrge3N4xlbm3D5vPPOO/2yaDyK7uwwFYfwmKkQQNuuXTvbQkVcL6hCMCFbm3THSBwAPPdgIzx7AR977LFCzkI4+aPfd+jQoURTHKAKAod3b9y4sW0SYMMA5jYckhIndLi44vcMCAG7FzojZWdCSGdko8Fhhx1m/tx0Lj8aYi7UnTPCZJqREmeoVFWWlEAMLk3AEocHKyzsrwmUr0ZFtnHScMRY6f7Q/6Tm9Nn6gOFVA6OSaCWaTK4ooU7KkgrkmRXWSJf3ItLr47DMW0wiuZZNnj9FQcDlRf7nL0ClIbAyIDSSrzjf+NynEnGKZ0+cZwfuE5/fVCzsRmd46qmn7MuMM2bMMF9fmBGGZNMnLKSmObniiius0QD1ww8/bOyCsxFMzey+UaNGctppp9lkifSZPAESGhHQA6QhQ4bIF198YaBgUuWdlih3sOyUE2GzKu6duHWye4UNsIDuuOOOM4a86qqrzK6LF19RQj3tv//+0rFjR7P78u50alxV2eGCBYfy4NDvQUzZ0ZfZjQI4sSczSuCwlJWVZXsYIYfWrVtbujAsIwQHo5hvC3bZUH7S5ft/TLZJOxVJCcQFMgLEXoLX3NPU4c3GP46Ubvc/J1VnZetNzBAgXNFuS8/5PUFfZtHkCtKjfQXp6nJk8uy8+8rPFjrecTRmSeIbnMkJQsPAyEgQCNyHQYIsEgxDY8KSNAbxWQgBeAyJSI8ePaRNmzai++BMbYGVcagHlDQM7pf4MvudJbiFwriwF4AGpHQKHPJZOOAbeDxH7QBc7HDGIQtmSxTeg93QsCHmMEaMu+66y9QHys1EFiDXqVNHLrvsMtt5jZUhUagDFoBatWqV+Mje99lnnzW1hPcnLMKZ0e3VV1+1D0+SH2WmTLwHk2SsHYCUhRnAyYZXzJgAH7ADVjooKhqbd/mA5bx58wqVIdkbZQNijzDek+v8SV9Ef5w0bKy80l4BbCrEdvkBNJBaKCRssz31nIjKF+EF8mx0tgydtULD0CNR/mEgvSylUEn+U0foW8ywqSgawAMZRsAbCjD4ewAaHQ/got8xWQEMqBa4SnoAUxyew3yAF90O9oIN+QQp4d988804gMmXe71795aLLrrIgAOTo1tnKXvRkH369Im7gVJ+wE/6DRs2LPLtKTfsRrr4RzNU33LLLZb+oYceah1p6tSppkoVN0zz3ny+DOB5kyMjAvr4p59+amVA1fIkECwIZURvZj8g7055ADejDvdR12Bs2BwzHvoxew1hbVxTGQGJA9OTP+mlKhsA4nx0ccon0ziAlWEzQlFp+t1I6dz+f6oDL9RAqjdZQYmQFzeqe/SGR5ZIh+hcGRhdLKuYxcUlNQATnYqnAflAIkMeOhrMSYN5odFo/KCgf8JcxIcZqGzUEljdM1mwI9BoNBJAZ4s/YVERADjqiBffSdBxYV9UFMJyRhiSAWFQABMMR97kmSh0OBZyAAtMx+cF6ECwIaMA369gZEC9KE54TwBGx0J/TVYgBt3BbaMKjEs98G4I7At4eSfCMQHWXeGmu6O60B6UkRGEJWyelVTGZMqkY3oZCgysRySiZrRho+VlA7BO4mz2RkPkMW9Mz5PDuXJHeIY0XzdRPsxdKGvU/7hwU6VeNiqPWTJDMxXH9xyo1OIEMDA8M6kB4AABwAEm1AOvY3tAkg7pMdmDRWg0WBHWI0907kQBeOyrIzwNTxwASqMzLAeFNLhPpyhKACCdBTZHJSAsO7tRT+i06MHrAwd58w68e6IU1XEIw/thlWA+gLrCNi/ULPRg/+0NVC+ENKgvJqZ0FvRs5gVM9ujAWDIgkuJGCkskiT8bAGKNSmzPwjYa6FKm4qTx0DHS8+6XpUY2BnTVgfPRiXY7NyNXnsmYJU1kjHRamy05UTXfKPZj+rJ5/JxEqZMIAvh69uxp+9tQC9A3maDBmIkCUGAWJnqwG43fq1cvAxkNgMkJcOAw44WGb9iwoem3MDaMAivD4ORHeIZLL4AMcLHliLLRSZj40dkoE9uWgmCic2BhoGzBjuPTgzk9WGBx9FAml5jW6CAADYZlOxZSHCh9eonnovIkjFcjqCfeG7ZHf2fpmt+8p1c/fBqoWejCqBpYU1DZqAP0ZerAh0ssQ7K/i6emZFPw4ZRkI6pCNP5mlHS560Wpbl/YxAqh0NT16WUK3vdlrnSS2TI2psvMClpceWLaWwHwxhCGK1bp0E+ZSKAzwgRsC+JzVVQkkzd0Og5YjY2bWBfQSQEQcdHfGK65ZkKDPg1rY1XAzAWYmJhxH92Wr/3A6HQEOhKrYTQeG0NhYzoG36AgP2zYgI9JIuoMowf5AkBMckUJgCRNbK+Eg+FYcYRV6UgM1aSJbgyo77jjjvgXT4tKrzT3GCEYQTgoJx2Tjoi6RR1SnszMTCuf7zioDzA26h31j6AHc8+rIaUpQ6Gw2gtK7cWmiTipVstJthp65ygC5+qhH2Q5+e3RbkaVlvrjZJcrTZ0LNdFzE/d15EjXPGMP/RqQzuZ0hFECxy5h13bmeiMdWpFOdTGnIHOqJvC6RYoOaU6HN3f22WcXKIuyqX1JCE8/LzqU2yVn1b0LfPVH2drpsO6UsXzwuKcYeWhDOp3UWR4KCKeqjtNFkHhYLkiX+D5PnVA6ndk77YQWTl1HnQLUUTa1hjjVnePxfdm4oZNb83xThi/wTgp6eyfCDh48uNAXjhLbgvC6mdby6Nevn1OrglMVwumIZfcoq39fBaVTPd4pM9tXjVRNsrz54pFaZuy+MrbTUc/pKFGgXIn5FvVb1ZZCXwDaMCZGncDKsE1IGgwZJz1u7yg156kOHFI9TtE5QnLkldBs6e/+kmWxteDXoBqfh+b91EQ2nmgt25CFzZcJEAZ2GIohH0H/xZIBY/HhEgz7QYFx+EYarAG7MUzDeH5V7bXXXjN/ZB8HdQLGZ4bPJlSYHvZiuGUE4AMufpKoDW9x0Smx6WLpYJiGnWBrRhIWRgiH3siwzCoc6g75c8D2TCJJg9GGZWd0ZZiuW7dulqeC1RfPzgz7MDYrjlhcGJFKEsIz7LPiCJvyLgpmO2OeY8IG65Lnt2oFYmRgksl7en2XPJikwsrYnXHG4v3KROhK9PjSfIvN2LNappNZa50scq7+e6Pd1D2vcDFppkcLNzV8qmtXLsvtHtFviIVh3JDT/6+Cy8BmtpEYt6R0YWP/nGvV28xXVmfS62WhYFyd4DnVXx3x1IwUT9OnzTkxPL64hFc9sUB4H07VC0tLh2anqomF1UmhhVdVyNpGwea08xSIT14wuU9HO5bTyad9d04nj/H7wbJtjGtYHkZVHd5pBypURp8n371Ti4mNhtq54t/H88+TPZcpE0e0d0fXrZBGQ7OlR9sXpdb8hbJAsdIvNE1ek+kyIVftvcqCeeLM8ut/5d/cZCfY2AvXTHywPCQjwbgwGjpzSZIY3n99v6g4zNDRq9Er0alxE4WlENiNiR0syMQNc1uiwNBeYDxMiEEzon+2Mc+MZEWVzeepncysO9jqsRUzUjEJTjQp+vCpnFNSJ8JKr7GlObLfk0/LqwMXS0Wd0AwIL5Fnw1NkqK62oTXwue1Ee8M/UEqlqFtfHEx3mOKYiDEEZ2VlmfGfCR4zeBZEaGyGfcx3W6LQqVGpmBgz4cOSgWUmUcXZkHdLCcQxZVy3aqXM7/q03BGqLEvCUd19pLZeHHoUvui+eR8b3JCibd1xaVxYl2VrZvmY+HA04vACw7FIg//FliowMSzMghC6NGY1vxRfVu+UEoj9kLlYwfyxqJM52I3TbD7/xn+XVVG3vnRQB/B7YCKI8w/+FDAzkyAmRSw7s0yLKyRg8PW+JdUEZkTMgd4RimVm1LmyFANxqpWjGFbi1WmeSqLqYDfTf5KqARiXFTZs0FhNGGqD9tMtFcC8PDozVg2OshCPVX8mzTgTY4RHR0OSrTQj28CkySKn/6RcA4AXk16iBBss8dl/7TfMDlYxW3qxK8CLfZI1+LSka2BzrgGW0VnOx1bvxUAM8+LggrEcP4F0z/fVkz5vDjUAPjnAJqZHrB0wspewByw2S5yU2ZkAXaclXQObSw2AUbQFdtFAtGA1CGJdRMub9eJ9hDEaRRy3QJZhMdSvb0lyc3nRdDm2zhpAbUDVZeMBBItjPVpDUCe27xMHXx93ObyycCrH0I55hNUgz9jBsOnrdA1szBqAfVEhcIHFZwW/cHRi7kO++dK2AIgBKg+xX+Jex0wZJxPEM3Z+xPQpXQObpAZYCGIiBxvj9go2wWKxIN4kpUpnkq6Bsq2Btv8PyYR6uXSx1ukAAAAASUVORK5CYII=',
+			url: 'https://play.google.com/store/apps/details?id=com.santanderid.app'
+		}
+	];
+
+	private domSanitizer = inject(DomSanitizer);
+
+	ngOnInit() {
+		this.storeIdApps.map((storeIdApp: IPmdsCdkStoreIdApp) => {
+			storeIdApp.width = this.width;
+			storeIdApp.height = this.height;
+		});
+	}
+
+	sanitizedUrl(url: string): SafeUrl {
+		return this.domSanitizer.bypassSecurityTrustUrl(url);
+	}
+}

package/libs/pmds-cdk/src/lib/pmds-cdk-download-id-app-buttons/story-helpers/pmds-cdk-download-id-app-component-info-story.ts

@@ -0,0 +1,23 @@
+export const componentInfo = `
+
+Import: **@pmhub/pmds-cdk**
+
+~~~~
+import { PmdsCdkDownloadIdAppButtonsComponent } from '../pmds-cdk-download-id-app-buttons.component';
+~~~~
+
+Add to import array the **PmdsCdkDownloadIdAppButtonsComponent** in your component
+
+~~~~
+imports: [
+	PmdsCdkDownloadIdAppButtonsComponent
+]
+~~~~
+
+Selector: **pmds-cdk-download-id-app-buttons**
+
+~~~~
+<pmds-cdk-download-id-app-buttons>
+</pmds-cdk-download-id-app-buttons>
+~~~~
+`;

package/libs/pmds-cdk/src/lib/pmds-cdk-dropdown/components/pmds-cdk-dropdown-skeleton/pmds-cdk-dropdown-skeleton.component.html

@@ -0,0 +1,11 @@
+<!-- SKELETON -->
+<section class="h-[72px]" [attr.data-qa-id]="dataQA + 'skeleton'">
+	<pmds-cdk-skeleton
+		[style]="
+			isFilter
+				? 'w-full h-8 mobile:h-12'
+				: 'w-full h-12'
+		"
+	/>
+</section>
+<!-- SKELETON -->

package/libs/pmds-cdk/src/lib/pmds-cdk-dropdown/components/pmds-cdk-dropdown-skeleton/pmds-cdk-dropdown-skeleton.component.ts

@@ -0,0 +1,15 @@
+////////Angular imports
+import { Component, Input } from '@angular/core';
+////////PPMDS libraries
+import { PmdsCdkSkeletonComponent } from '../../../pmds-cdk-skeleton/pmds-cdk-skeleton.component';
+
+@Component({
+    selector: 'pmds-cdk-dropdown-skeleton',
+    standalone: true,
+    imports: [PmdsCdkSkeletonComponent],
+    templateUrl: './pmds-cdk-dropdown-skeleton.component.html',
+})
+export class PmdsCdkDropdownSkeletonComponent {
+    @Input() dataQA!: string;
+    @Input() isFilter!: boolean;
+}

package/libs/pmds-cdk/src/lib/pmds-cdk-dropdown/index.ts

@@ -0,0 +1,3 @@
+export * from './pmds-cdk-dropdown.component';
+export * from './models/pmds-cdk-option-dropdown-literals.model';
+export * from './models/pmds-cdk-option-dropdown.model';

package/libs/pmds-cdk/src/lib/pmds-cdk-dropdown/models/pmds-cdk-option-dropdown-literals.model.ts

@@ -0,0 +1,10 @@
+export interface IPmdsCdkOptionDropdownLiterals {
+    accept?: string;
+    filterBy?: string;
+    cancel?:string;
+    clear?: string;
+    searchPlaceholder?: string;
+    all?: string;
+    showCategory?: string;
+    category?: string
+}

package/libs/pmds-cdk/src/lib/pmds-cdk-dropdown/models/pmds-cdk-option-dropdown.model.ts

@@ -0,0 +1,10 @@
+export interface IPmdsCdkOptionDropdown {
+    icon?: string;
+    label: string;
+    sublabel?: string;
+    sublabelIcon?: string;
+    flagCode?: string;
+    category?: string;
+    showCategory?: boolean;
+    value: string;
+}