npm - @dubai-design-system/components-js - Versions diffs - 4.1.0 → 5.0.1 - Mend

@dubai-design-system/components-js 4.1.0 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (595) hide show

package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-attach-file.stories.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Attach File',\r\n tags: ['autodocs'],\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-attach-file\\` component, pass the following props:\r\n \r\n \\`\\`\\`html\r\n<dda-attach-file\r\n label=\"Attach File\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n size=\"default\"\r\n validation_type=\"normal\"\r\n input_type=\"normal\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n input_id=\"input\"\r\n button_id=\"button\"\r\n aria_label=\"input\"\r\n button_aria_label=\"button\"\r\n onchange=\"console.log('changed')\"\r\n></dda-attach-file>\r\n \\`\\`\\`\r\n `,\r\n },\r\n },\r\n },\r\n \r\n argTypes: {\r\n label: {\r\n control: 'text',\r\n description: 'Label for the attach file component',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper text for the attach file component',\r\n },\r\n error_message: {\r\n control: 'text',\r\n description: 'Error message displayed below the attach file component',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default', 'small'],\r\n description: 'Size of the attach file component',\r\n },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal', 'error'],\r\n description: 'Validation type of the attach file component',\r\n },\r\n input_type: {\r\n control: { type: 'select' },\r\n options: ['normal', 'disabled'],\r\n description: 'Input type of the attach file component',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class to be applied by the user',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the attach file component',\r\n },\r\n input_id: {\r\n control: 'text',\r\n description: 'Input id for the attach file component',\r\n },\r\n button_id: {\r\n control: 'text',\r\n description: 'Button id for the attach file component',\r\n },\r\n aria_label: {\r\n control: 'text',\r\n description: 'Aria label for accessibility',\r\n },\r\n button_aria_label: {\r\n control: 'text',\r\n description: 'Aria label for the upload button',\r\n },\r\n onchange:{\r\n control: 'text',\r\n description: 'onchange event for the attach file component',\r\n }\r\n },\r\n };\r\n \r\n const Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n \r\n return `<dda-attach-file ${attributes}></dda-attach-file>`;\r\n };\r\n \r\n export const Default = Template.bind({});\r\n Default.args = {\r\n label: 'Attach File',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n size: 'default',\r\n validation_type: 'normal',\r\n input_type: 'normal',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'input',\r\n button_aria_label: 'button',\r\n onchange: '',\r\n };\r\n\r\n export const Small = Template.bind({});\r\n Small.args = {\r\n label: 'Attach File',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n size: 'small',\r\n validation_type: 'normal',\r\n input_type: 'normal',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'input',\r\n button_aria_label: 'button',\r\n onchange: '',\r\n };\r\n \r\n export const ErrorState = Template.bind({});\r\n ErrorState.args = {\r\n label: 'Attach File',\r\n helper_text: '',\r\n error_message: 'Helper or footer text',\r\n size: 'default',\r\n validation_type: 'error',\r\n input_type: 'normal',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'input',\r\n button_aria_label: 'button',\r\n onchange: '',\r\n };\r\n \r\n export const Disabled = Template.bind({});\r\n Disabled.args = {\r\n label: 'Attach File',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n size: 'default',\r\n validation_type: 'normal',\r\n input_type: 'disabled',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'input',\r\n button_aria_label: 'button',\r\n onchange: '',\r\n };\r\n "]}

package/dist/collection/components/dda-avatar/dda-avatar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-avatar.js","sourceRoot":"","sources":["../../../src/components/dda-avatar/dda-avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-avatar',\r\n styleUrls: ['dda-avatar.css', '../../global/input.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaAvatar {\r\n @Prop() type: 'photo' | 'icon' | 'text' = 'photo';\r\n @Prop() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' = 'md';\r\n @Prop() design: 'default' | 'status' | 'verified' | 'story' | 'notification' = 'default';\r\n @Prop() rounded: 'square' | 'circle' = 'circle';\r\n @Prop() src: string = ''; // For photo type\r\n @Prop() icon: string = 'material-icons'; // For icon type\r\n @Prop() text: string = 'AB'; // For text type\r\n @Prop() notification_number: number = 0; // For notification design\r\n @Prop() custom_class?: string = ''; \r\n @State() isOpen: boolean = false;\r\n @Prop() selected: string;\r\n @Prop() options: string;\r\n @Prop() component_mode?: string; \r\n @Prop() aria_label: string;\r\n @Prop() button_id?: string;\r\n\r\n toggleDropdown() {\r\n this.isOpen = !this.isOpen;\r\n }\r\n\r\n selectOption(option: string) {\r\n this.selected = option\r\n this.isOpen = false\r\n }\r\n\r\n private get parsedOptions(): string[] {\r\n try {\r\n return JSON.parse(this.options);\r\n } catch {\r\n return [];\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div onClick={() => this.toggleDropdown()} class={{\r\n 'dda-avatar': true,\r\n [`avatar-type-${this.type}`]: true,\r\n [`avatar-size-${this.size}`]: true,\r\n [`avatar-design-${this.design}`]: true,\r\n [`avatar-shape-${this.rounded}`]: true,\r\n [`${this.custom_class}`]: true,\r\n [`${this.component_mode}`]: true\r\n }}>\r\n {this.isOpen && (\r\n <div class=\"dda-input-dropdown-list\">\r\n {this.parsedOptions.length > 0 ? (\r\n this.parsedOptions.map(option => (\r\n <button id={this.button_id} aria-label={this.aria_label} type=\"button\"\r\n class={`dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`}\r\n onClick={() => {this.selectOption(option)}}\r\n >\r\n {option}\r\n </button>\r\n ))\r\n ) : (\r\n <div class=\"dda-input-dropdown-item\">No options available</div>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'photo' && <img src={this.src} alt=\"Avatar\" />}\r\n {this.type === 'icon' && <i class={`${this.icon} dda-smile`}>sentiment_satisfied</i>}\r\n {this.type === 'text' && <span class='avatar-main-text'>{this.text}</span>}\r\n {this.design === 'status' && <div class=\"status-circle\"></div>}\r\n {this.design === 'verified' && <span class=\"material-icons verified-icon\">check_small</span>}\r\n {this.design === 'notification' && <div class=\"notification-circle\">{this.notification_number}</div>}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-avatar/dda-avatar.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-avatar.stories.js","sourceRoot":"","sources":["../../../src/components/dda-avatar/dda-avatar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\r\n\r\nexport default {\r\n title: 'Components/Avatar',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n type: {\r\n control: 'select',\r\n options: ['photo', 'icon', 'text'],\r\n description: 'Options like photo, icon and text',\r\n },\r\n size: {\r\n control: 'select',\r\n options: ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'],\r\n description: 'Size of the avatar component',\r\n },\r\n design: {\r\n control: 'select',\r\n options: ['default', 'status', 'verified', 'live', 'notification'],\r\n description: 'Design of the avatar component',\r\n },\r\n rounded: {\r\n control: 'select',\r\n options: ['square', 'circle'],\r\n description: 'Options to display the avatar as square or circle',\r\n },\r\n options:{\r\n control: 'array',\r\n description: 'Dropdown options for the avatar dropdown'\r\n },\r\n src: { control: 'text', description: 'Path to the image' },\r\n icon: { control: 'text', description: 'Material Icons icon class for the avatar' },\r\n text: { control: 'text', description: 'Text inside the avatar' },\r\n notification_number: { control: 'number', description: 'Number of notifications' },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the avatar component',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the avatar component',\r\n },\r\n button_id: {\r\n control: { type: 'text' },\r\n description: 'Button id for the avatar component',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the avatar component',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-avatar\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-avatar\r\n type=\"photo\"\r\n size=\"md\"\r\n design=\"default\"\r\n rounded=\"circle\"\r\n src=\"https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg\"\r\n icon=\"sentiment_satisfied\"\r\n text=\"AB\"\r\n options='[\"Option 1\",\"Option 2\",\"Option 3\"]'\r\n notification-number=\"20\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"avatar\"\r\n button_id=\"button\"\r\n>\r\n</dda-avatar>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = ({ type, size, design, rounded, src, icon, text, notification_number, custom_class, options, component_mode, button_id, aria_label }) => html`\r\n <dda-avatar\r\n type=${type}\r\n size=${size}\r\n design=${design}\r\n rounded=${rounded}\r\n src=${src}\r\n icon=${icon}\r\n text=${text}\r\n options=${JSON.stringify(options)}\r\n notification_number=${notification_number}\r\n custom_class=${custom_class}\r\n component_mode=${component_mode}\r\n aria_label=${aria_label}\r\n button_id=${button_id}\r\n >\r\n </dda-avatar>\r\n`;\r\n\r\n\r\n\r\nexport const StatusPhoto = Template.bind({});\r\nStatusPhoto.args = {\r\n type: 'photo',\r\n size: 'md',\r\n design: 'default',\r\n rounded: 'circle',\r\n text: 'AB',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n icon: 'material-icons',\r\n notification_number: '20',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label:\"avatar\"\r\n};\r\n\r\nexport const StatusIcon = Template.bind({});\r\nStatusIcon.args = {\r\n type: 'icon',\r\n size: 'md',\r\n design: 'default',\r\n rounded: 'circle',\r\n text: 'AB',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n icon: 'material-icons',\r\n notification_number: '20',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label:\"avatar\"\r\n};\r\n\r\nexport const StatusText = Template.bind({});\r\nStatusText.args = {\r\n type: 'text',\r\n size: 'md',\r\n design: 'default',\r\n rounded: 'circle',\r\n text: 'AB',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n icon: 'material-icons',\r\n notification_number: '20',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label:\"avatar\"\r\n};\r\n"]}

package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,aAAa;IAL1B;QAMU,WAAM,GAAkC,MAAM,CAAC,CAAC,yBAAyB;QACzE,cAAS,GAAmC,eAAe,CAAC,CAAC,+BAA+B;QAC5F,iBAAY,GAAY,EAAE,CAAC;QAInC,gBAAW,GAAkD,EAAE,CAAC;KAgCjE;IA9BC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc;gBAC7B,0EAAgB,YAAY,EAAC,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;oBACxD,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,UAAI,KAAK,EAAE,mBAAmB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;wBACnF,SAAG,IAAI,EAAE,KAAK,CAAC,GAAG;4BACf,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,SAAG,KAAK,EAAE,gBAAgB,IAAG,KAAK,CAAC,IAAI,CAAK;4BACtE,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD;wBACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,SAAG,KAAK,EAAE,gBAAgB,IAAG,IAAI,CAAC,SAAS,CAAK,CACjD,CACE,CACN,CAAC,CACC,CACD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-breadcrumb',\r\n styleUrls: ['dda-breadcrumb.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Element() el: HTMLElement;\r\n\r\n breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n componentWillLoad() {\r\n const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n if (breadcrumbsData) {\r\n this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={this.component_mode}>\r\n <nav aria-label=\"breadcrumb\" class={`${this.custom_class}`}>\r\n <ol class=\"dda-breadcrumb\">\r\n {this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (\r\n <li class={`breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n <a href={crumb.url}>\r\n {this.design !== 'text' && <i class={`material-icons`}>{crumb.icon}</i>}\r\n {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n </a>\r\n {index < this.breadcrumbs.length - 1 && (\r\n <i class={`material-icons`}>{this.separator}</i>\r\n )}\r\n </li>\r\n ))}\r\n </ol>\r\n </nav>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-breadcrumb.stories.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Breadcrumb',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n design: {\r\n control: { type: 'select' },\r\n options: ['text', 'icon-text', 'icon'],\r\n description: 'Design of the breadcrumbs',\r\n },\r\n separator: {\r\n control: { type: 'select' },\r\n options: ['chevron_right', 'pen_size_2'],\r\n description: 'Separator style of the breadcrumbs',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the breadcrumb component',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-breadcrumb\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-breadcrumb\r\n design=\"text\"\r\n separator=\"chevron_right\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n data-breadcrumbs='[{\"text\":\"Home\",\"icon\":\"home\",\"url\":\"/\"},\r\n {\"text\":\"Library\",\"icon\":\"menu_book\",\"url\":\"/library\"},\r\n {\"text\":\"Data\",\"icon\":\"storage\"}]'\r\n></dda-breadcrumb>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const { breadcrumbs, ...otherArgs } = args;\r\n const attributes = Object.entries(otherArgs)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n const breadcrumbsData = JSON.stringify(breadcrumbs);\r\n\r\n return `<dda-breadcrumb ${attributes} data-breadcrumbs='${breadcrumbsData}'></dda-breadcrumb>`;\r\n};\r\n\r\n\r\nexport const TextOnly = Template.bind({});\r\nTextOnly.args = {\r\n design: 'text',\r\n separator: 'chevron_right',\r\n breadcrumbs: [\r\n { text: 'Home', icon: 'home', url: '/' },\r\n { text: 'Library', icon: 'menu_book', url: '/library' },\r\n { text: 'Data', icon: 'storage' },\r\n ],\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const IconText = Template.bind({});\r\nIconText.args = {\r\n design: 'icon-text',\r\n separator: 'chevron_right',\r\n breadcrumbs: [\r\n { text: 'Home', icon: 'home', url: '/' },\r\n { text: 'Library', icon: 'menu_book', url: '/library' },\r\n { text: 'Data', icon: 'storage' },\r\n ],\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const IconOnly = Template.bind({});\r\nIconOnly.args = {\r\n design: 'icon',\r\n separator: 'chevron_right',\r\n breadcrumbs: [\r\n { text: 'Home', icon: 'home', url: '/' },\r\n { text: 'Library', icon: 'menu_book', url: '/library' },\r\n { text: 'Data', icon: 'storage' },\r\n ],\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n"]}

package/dist/collection/components/dda-button/dda-button.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-button.js","sourceRoot":"","sources":["../../../src/components/dda-button/dda-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;IALtB;QAME,+CAA+C;QACvC,SAAI,GAAW,QAAQ,CAAC;QAChC,yBAAyB;QACjB,aAAQ,GAAY,KAAK,CAAC;QAClC,uCAAuC;QAC/B,eAAU,GAAW,EAAE,CAAC;QACxB,aAAQ,GAAW,EAAE,CAAC,CAAC,aAAa;QACpC,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAW,SAAS,CAAC,CAAC,2BAA2B;QAE7D,iBAAY,GAAY,EAAE,CAAC;QAC3B,sBAAiB,GAAY,EAAE,CAAC;QAEhC,iBAAY,GAAY,EAAE,CAAC,CAAC,oBAAoB;KAmCzD;IA7BC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,SAAS;YACT,aAAa,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YACxC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE;YAClE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;YACrC,IAAI,CAAC,YAAY,EAAE,uBAAuB;YAC1C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,+DACE,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,YAAY;gBAEzB,IAAI,CAAC,UAAU,IAAI,0DAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,UAAU,CAAK;gBACnE,8DAAQ;gBACP,IAAI,CAAC,QAAQ,IAAI,0DAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,QAAQ,CAAM,CACzD,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Host, Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-button',\r\n styleUrls: ['../../global/dda-button.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaButton {\r\n /** Type of button, e.g., \"button\", \"submit\" */\r\n @Prop() type: string = 'button';\r\n /** Disable the button */\r\n @Prop() disabled: boolean = false;\r\n /** Icon class for the starting icon */\r\n @Prop() start_icon: string = '';\r\n @Prop() end_icon: string = ''; // icon class\r\n @Prop() aria_label?: string = '';\r\n @Prop() button_color: string = 'primary'; // e.g., 'primary', 'error'\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() button_shape?: string = '';\r\n @Prop() icon_button_shape?: string = '';\r\n @Prop() gap?: number;\r\n @Prop() custom_class?: string = ''; // Custom class prop\r\n @Prop() component_mode?: string;\r\n @Prop() button_id: string;\r\n /** Function to be called on button click */\r\n @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n render() {\r\n const buttonClass = [\r\n 'dda-btn',\r\n `btn-color-${this.button_color}`,\r\n this.size ? `btn-size-${this.size}` : '',\r\n this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n this.gap ? `dda-gap-${this.gap}` : '',\r\n this.custom_class, // Include custom class\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <button\r\n id={this.button_id}\r\n type={this.type}\r\n class={buttonClass}\r\n disabled={this.disabled}\r\n aria-label={this.aria_label}\r\n onClick={this.clickHandler} // Bind the onClick prop here\r\n >\r\n {this.start_icon && <i class=\"material-icons\">{this.start_icon}</i>}\r\n <slot />\r\n {this.end_icon && <i class=\"material-icons\">{this.end_icon }</i>}\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-button/dda-button.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-button.stories.js","sourceRoot":"","sources":["../../../src/components/dda-button/dda-button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Button',\r\n tags: ['autodocs'],\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-button\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-button\r\n button_color=\"default-primary\"\r\n start_icon=\"sentiment_satisfied\"\r\n end_icon=\"arrow_forward\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"button\"\r\n aria_label=\"button\"\r\n onclick=\"console.log('clicked')\"\r\n >Button\r\n</dda-button>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n argTypes: {\r\n button_color: {\r\n control: { type: 'select' },\r\n options: [\r\n 'default-primary','default-secondary','default-tertiary','default-link',\r\n 'error-primary','error-secondary','error-tertiary','error-link',\r\n 'onsurface-primary','onsurface-secondary','onsurface-tertiary','onsurface-link',\r\n 'secondary','success','warning','surface','surface-variant','disabled',\r\n ],\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['sm', 'md', 'lg', 'xl'],\r\n },\r\n button_shape: {\r\n control: { type: 'select' },\r\n options: ['default', 'circle',],\r\n },\r\n icon_button_shape: {\r\n control: { type: 'select' },\r\n options: ['default', 'circle',],\r\n },\r\n gap: {\r\n control: { type: 'select' },\r\n options: ['1', '2'],\r\n },\r\n\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the button component',\r\n },\r\n button_id: {\r\n control: 'text',\r\n description: 'default',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the button',\r\n },\r\n onclick:{\r\n control: { type: 'text' },\r\n description: 'event handler for button',\r\n }\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `<dda-button ${attributes}>${args.text}</dda-button>`;\r\n};\r\n\r\nexport const DefaultPrimary = Template.bind({});\r\nDefaultPrimary.args = {\r\n button_color: 'default-primary',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '', // Example: Add custom class here\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'button',\r\n onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const ErrorPrimary = Template.bind({});\r\nErrorPrimary.args = {\r\n button_color: 'error-primary',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'button',\r\n onclick: \"alert('Hello! I am an alert box!!')\",\r\n};\r\n\r\nexport const SurfacePrimary = Template.bind({});\r\nSurfacePrimary.args = {\r\n button_color: 'onsurface-primary',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'button',\r\n onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n button_color: 'disabled',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'button',\r\n onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const IconButton = Template.bind({});\r\nIconButton.args = {\r\n button_color: 'default-primary',\r\n icon_button_shape: \"default\",\r\n start_icon: 'sentiment_satisfied',\r\n text: '',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'button',\r\n onclick: \"console.log('clicked')\",\r\n};\r\n"]}

package/dist/collection/components/dda-checkbox/dda-checkbox.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-checkbox.js","sourceRoot":"","sources":["../../../src/components/dda-checkbox/dda-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;IALxB;QAcU,iBAAY,GAAY,EAAE,CAAC;KA6BpC;IAzBC,MAAM;QACJ,MAAM,aAAa,GAAG;YACpB,wBAAwB;YACxB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YAC5C,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE;YACxD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;YAC3C,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE;YAClE,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,aAAa;gBACvB,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG;gBACtH,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB,YAAU;oBACnC;wBACE,6DAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,UAAU,CAAQ;wBACxD,IAAI,CAAC,UAAU,IAAI,6DAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,UAAU,CAAQ,CAChF,CACE,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-checkbox',\r\n styleUrls: ['dda-checkbox.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaCheckbox {\r\n @Prop() title_text: string;\r\n @Prop() supporting?: string;\r\n @Prop() group_name?: string;\r\n @Prop() input_id?: string;\r\n @Prop() checked: boolean;\r\n @Prop() checkbox_status?: string;\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() style_type?: string; // Default to 'square'\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() aria_label?: string;\r\n\r\n render() {\r\n const checkboxClass = [\r\n 'dda-checkbox-container',\r\n this.size ? `dda-checkbox-${this.size}` : '',\r\n this.style_type ? `dda-checkbox-${this.style_type}` : '',\r\n this.custom_class ? this.custom_class : '',\r\n this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n \r\n return (\r\n <Host>\r\n <div class={checkboxClass}>\r\n <input aria-label={this.aria_label} type=\"checkbox\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n <label htmlFor={this.input_id}>\r\n <i class=\"material-icons\">check</i>\r\n <p>\r\n <span class=\"dda-checkbox-title\">{this.title_text}</span>\r\n {this.supporting && <span class=\"dda-checkbox-supporting\">{this.supporting}</span>}\r\n </p>\r\n </label>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-checkbox/dda-checkbox.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/dda-checkbox/dda-checkbox.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Checkbox',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n title_text: {\r\n control: 'text',\r\n description: 'Title for the checkbox',\r\n },\r\n supporting: {\r\n control: 'text',\r\n description: 'Supporting text for the checkbox',\r\n },\r\n group_name: {\r\n control: 'text',\r\n description: 'default',\r\n },\r\n labelfor: {\r\n control: 'text',\r\n description: 'default',\r\n },\r\n input_id: {\r\n control: 'text',\r\n description: 'default',\r\n },\r\n checked: {\r\n control: 'boolean',\r\n description: 'Checked state of the checkbox',\r\n },\r\n checkbox_status: {\r\n control: { type: 'select' },\r\n options: ['normal','disabled'],\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['sm', 'md', 'lg',],\r\n },\r\n style_type: {\r\n control: { type: 'select' },\r\n options: ['square', 'rounded',],\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the checkbox component',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the checkbox',\r\n },\r\n onclick: {\r\n control: { type: 'text' },\r\n description: 'Event handler for the checkbox component',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-checkbox\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-checkbox\r\n title_text=\"Checkbox Title\"\r\n checked=\"false\"\r\n size=\"md\"\r\n style_type=\"square\"\r\n supporting=\"Supporting Text\"\r\n group_name=\"checkboxgroup\"\r\n input_id=\"testId\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"checkbox\"\r\n onclick=\"console.log('Checkbox clicked')\"\r\n></dda-checkbox>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `<dda-checkbox ${attributes}></dda-checkbox>`;\r\n};\r\n\r\nexport const checkboxSquare = Template.bind({});\r\ncheckboxSquare.args = {\r\n title_text: 'Checkbox Title',\r\n checked: false,\r\n size: 'md',\r\n style_type: 'square',\r\n supporting: 'Supporting Text',\r\n group_name: 'checkboxgroup',\r\n input_id: 'testId',\r\n custom_class: '',\r\n component_mode: '',\r\n onclick: \"\",\r\n};\r\n\r\nexport const checkboxRounded = Template.bind({});\r\ncheckboxRounded.args = {\r\n title_text: 'Checkbox Title',\r\n checked: false,\r\n size: 'md',\r\n style_type: 'rounded',\r\n supporting: 'Supporting Text',\r\n group_name: 'checkboxgroup',\r\n input_id: 'testId',\r\n custom_class: '',\r\n component_mode: '',\r\n aria_label: 'checkbox',\r\n onclick: \"\",\r\n};"]}

package/dist/collection/components/dda-chip/dda-chip.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-chip.js","sourceRoot":"","sources":["../../../src/components/dda-chip/dda-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,OAAO;IALpB;QAMU,aAAQ,GAAW,SAAS,CAAC;QAC7B,YAAO,GAAY,EAAE,CAAC;QAEtB,oBAAe,GAAY,KAAK,CAAC;KAqB1C;IAfC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,IAAI,gBAAgB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE;gBAC3I,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,IAAI,CAAK,CAAC,CAAC,CAAC,IAAI;gBAC7D;oBAAM,8DAAQ,CAAO;gBACpB,IAAI,CAAC,eAAe,IAAI,CACvB,6DAAM,KAAK,EAAC,YAAY,EAAG,OAAO,EAAE,IAAI,CAAC,YAAY;oBACnD,0DAAG,KAAK,EAAC,gBAAgB,YAAU,CAC9B,CACR,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-chip',\r\n styleUrls: ['dda-chip.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaChip {\r\n @Prop() bg_color: string = 'success';\r\n @Prop() rounded?: string = '';\r\n @Prop() icon: string;\r\n @Prop() show_close_icon: boolean = false;\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() custom_class?: string;\r\n @Prop() component_mode?: string; \r\n @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}`}>\r\n {this.icon ? <i class=\"material-icons\">{this.icon}</i> : null}\r\n <span><slot /></span>\r\n {this.show_close_icon && (\r\n <span class=\"chip-close\" onClick={this.clickHandler}>\r\n <i class=\"material-icons\">close</i>\r\n </span>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-chip/dda-chip.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-chip.stories.js","sourceRoot":"","sources":["../../../src/components/dda-chip/dda-chip.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Chip',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n text: {\r\n control: 'text',\r\n description: 'Text to display inside the chip',\r\n },\r\n bg_color: {\r\n control: { type: 'select' },\r\n options: ['grey', 'primary', 'green', 'yellow', 'red', 'purple'],\r\n description: 'Background color of the chip',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['sm', 'md', 'lg'],\r\n description: 'Select the size of the chip',\r\n },\r\n icon: {\r\n control: 'text',\r\n description: 'Material Icons icon class to display at the start of the chip',\r\n },\r\n show_close_icon: {\r\n control: 'boolean',\r\n description: 'Whether to show a close icon at the end of the chip',\r\n },\r\n rounded: {\r\n control: { type: 'select' },\r\n options: ['sm', 'circle'],\r\n description: 'Define the roundedness of the chip',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the chip',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the chip component',\r\n },\r\n onclick:{\r\n control: { type: 'text' },\r\n description: 'Function triggered when the close icon is clicked',\r\n },\r\n },\r\n \r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-chip\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-chip\r\n bg_color=\"grey\"\r\n icon=\"sentiment_satisfied\"\r\n show_close_icon=\"true\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n onclick=\"console.log(\"clicked!\")\"\r\n >Label\r\n</dda-chip>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text' && key !== 'onCloseClick')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `\r\n <dda-chip ${attributes}>${args.text}\r\n </dda-chip>\r\n `;\r\n};\r\n\r\nexport const Grey = Template.bind({});\r\nGrey.args = {\r\n text: 'Label',\r\n bg_color: 'grey',\r\n icon: 'sentiment_satisfied',\r\n show_close_icon: true,\r\n onclick: \"console.log('clicked')\",\r\n};\r\n\r\n\r\nexport const Primary = Template.bind({});\r\nPrimary.args = {\r\n text: 'Label',\r\n bg_color: 'primary',\r\n icon: 'sentiment_satisfied',\r\n show_close_icon: true,\r\n custom_class: '',\r\n component_mode: '',\r\n onclick: \"alert('Close icon clicked!')\",\r\n};\r\n\r\nexport const Green = Template.bind({});\r\nGreen.args = {\r\n text: 'Label',\r\n bg_color: 'green',\r\n icon: 'sentiment_satisfied',\r\n show_close_icon: true,\r\n custom_class: '',\r\n component_mode: '',\r\n onclick: \"() => alert('Close icon clicked!')\",\r\n};\r\n\r\nexport const Yellow = Template.bind({});\r\nYellow.args = {\r\n text: 'Label',\r\n bg_color: 'yellow',\r\n icon: 'sentiment_satisfied',\r\n show_close_icon: true,\r\n custom_class: '',\r\n component_mode: '',\r\n onclick: \"() => alert('Close icon clicked!')\",\r\n};\r\n\r\nexport const Red = Template.bind({});\r\nRed.args = {\r\n text: 'Label',\r\n bg_color: 'red',\r\n icon: 'sentiment_satisfied',\r\n show_close_icon: true,\r\n custom_class: '',\r\n component_mode: '',\r\n onclick: \"() => alert('Close icon clicked!')\",\r\n};\r\n\r\nexport const Purple = Template.bind({});\r\nPurple.args = {\r\n text: 'Label',\r\n bg_color: 'purple',\r\n icon: 'sentiment_satisfied',\r\n show_close_icon: true,\r\n custom_class: '',\r\n component_mode: '',\r\n onclick: \"() => alert('Close icon clicked!')\",\r\n};"]}

package/dist/collection/components/dda-credit-card/dda-credit-card.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-credit-card.js","sourceRoot":"","sources":["../../../src/components/dda-credit-card/dda-credit-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,aAAa;IAL1B;QAWU,iBAAY,GAAY,EAAE,CAAC;KAgCpC;IA7BC,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,2BAA2B;YAC3B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACnD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YAC/C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,SAAS;gBACnB,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,4DAAK,KAAK,EAAC,mBAAmB;wBAC5B,6DAAM,KAAK,EAAC,oBAAoB,sBAAuB;wBACvD,6DAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC5C;oBACN,0DAAG,KAAK,EAAC,gBAAgB,iBAAa,MAAM,WAAS,CACjD;gBACN,4DAAK,KAAK,EAAC,sBAAsB;oBAC/B,4DAAK,KAAK,EAAC,eAAe;wBACxB,6DAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,IAAI,CAAQ;wBAC9C,6DAAM,KAAK,EAAC,iBAAiB;;4BAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAQ,CAClE;oBACN;wBAAK,4DAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAC,WAAW,EAAC,KAAK,EAAC,gBAAgB,GAAE,CAAM,CACzE,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-credit-card',\r\n styleUrls: ['dda-credit-card.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaCreditCard {\r\n @Prop() balance: string;\r\n @Prop() name: string;\r\n @Prop() card_number: string;\r\n @Prop() card_type: string;\r\n @Prop() design: string;\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n const cardClass = [\r\n 'dda-credit-card-container',\r\n this.design ? `dda-credit-card-${this.design}` : '',\r\n this.custom_class ? `${this.custom_class}` : \"\",\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={cardClass}>\r\n <div class=\"dda-credit-card-header\">\r\n <div class=\"card-balance-info\">\r\n <span class=\"card-balance-label\">Current Balance</span>\r\n <span class=\"card-balance\">{this.balance}</span>\r\n </div>\r\n <i class=\"material-icons\" aria-hidden=\"true\">wifi</i>\r\n </div>\r\n <div class=\"dda-credit-card-body\">\r\n <div class=\"card-userinfo\">\r\n <span class=\"dda-card-name\">{this.name}</span>\r\n <span class=\"dda-card-number\">**** {this.card_number.slice(-4)}</span>\r\n </div>\r\n <div><img src={this.card_type} alt=\"Card Type\" class=\"card-type-icon\"/></div>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-credit-card/dda-credit-card.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-credit-card.stories.js","sourceRoot":"","sources":["../../../src/components/dda-credit-card/dda-credit-card.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yBAAyB;SACvC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,+CAA+C;SAC7D;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2BAA2B;SACzC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YACrC,WAAW,EAAE,qCAAqC;SACnD;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,4CAA4C;SAC1D;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,mCAAmC;SACjD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;GAclB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,GAAG,KAAK,MAAM,CAAC;SAC/D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,oBAAoB,UAAU,qBAAqB,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,qGAAqG;IAChH,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,qGAAqG;IAChH,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,qGAAqG;IAChH,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n title: 'Components/Credit Card',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n balance: {\r\n control: 'text',\r\n description: 'Current balance on the card',\r\n },\r\n name: {\r\n control: 'text',\r\n description: 'Name of the card holder',\r\n },\r\n card_number: {\r\n control: 'text',\r\n description: 'Card number (last 4 digits will be displayed)',\r\n },\r\n card_type: {\r\n control: 'text',\r\n description: 'URL of the card type icon',\r\n },\r\n design: {\r\n control: { type: 'select' },\r\n options: ['default', 'green', 'dark'],\r\n description: 'Design variation of the credit card',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the credit card component',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the credit card component',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-credit-card\\` component, pass the following props:\r\n \r\n \\`\\`\\`html\r\n<dda-credit-card\r\n balance=\"$5,750.20\"\r\n name=\"MARIA GOMEZ\"\r\n card_number=\"1289\"\r\n card_type=\"https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg\"\r\n design=\"default\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n></dda-credit-card>\r\n \\`\\`\\`\r\n `,\r\n },\r\n },\r\n }, \r\n };\r\n \r\n const Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n \r\n return `<dda-credit-card ${attributes}></dda-credit-card>`;\r\n };\r\n \r\n export const Default = Template.bind({});\r\n Default.args = {\r\n balance: '$5,750.20',\r\n name: 'MARIA GOMEZ',\r\n card_number: '1289',\r\n card_type: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n design: 'default',\r\n custom_class: '',\r\n component_mode: '',\r\n };\r\n \r\n export const Green = Template.bind({});\r\n Green.args = {\r\n balance: '$5,750.20',\r\n name: 'MARIA GOMEZ',\r\n card_number: '1289',\r\n card_type: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n design: 'green',\r\n custom_class: '',\r\n component_mode: '',\r\n };\r\n \r\n export const Dark = Template.bind({});\r\n Dark.args = {\r\n balance: '$5,750.20',\r\n name: 'MARIA GOMEZ',\r\n card_number: '1289',\r\n card_type: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n design: 'dark',\r\n custom_class: '',\r\n component_mode: '',\r\n };\r\n "]}

package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-creditcard-field.js","sourceRoot":"","sources":["../../../src/components/dda-creditcard-field/dda-creditcard-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-creditcard-field',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaCreditCardField {\r\n @Prop() placeholder: string;\r\n @Prop() label: string;\r\n @Prop() value: string = '';\r\n @Prop() card_icon: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() size?: string;\r\n @Prop() input_type?: string;\r\n @Prop() helper_text: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop() custom_class?: string = '';\r\n @Prop() restrict_input: boolean = false;\r\n @Prop() component_mode?: string; \r\n @Prop() input_id: string;\r\n @Prop() aria_label?: string;\r\n\r\n @State() formattedValue: string = '';\r\n\r\n handleInput(event: Event) {\r\n const inputElement = event.target as HTMLInputElement;\r\n const inputValue = inputElement.value.replace(/[^0-9-]/g, '');\r\n const maxLength = this.restrict_input ? 100 : 25;\r\n \r\n if (inputValue.length <= maxLength) {\r\n this.value = inputValue;\r\n this.formatCardNumber(this.value);\r\n inputElement.value = this.formattedValue;\r\n } else {\r\n inputElement.value = this.formattedValue;\r\n }\r\n }\r\n\r\n formatCardNumber(value: string) {\r\n const cleaned = value.replace(/\\D/g, '');\r\n const matched = cleaned.match(/.{1,4}/g);\r\n if (matched) {\r\n this.formattedValue = matched.join(' - ');\r\n } else {\r\n this.formattedValue = cleaned;\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.formatCardNumber(this.value);\r\n }\r\n\r\n render() {\r\n const inputClass = [\r\n 'dda-input-container dda-credit-card-field',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.size ? `dda-input-size-${this.size}` : '',\r\n this.input_type ? `dda-input-${this.input_type}` : '',\r\n this.disabled ? 'dda-input-disabled' : '',\r\n this.error_message ? 'dda-error-message' : '',\r\n this.custom_class ? `${this.custom_class}` : '',\r\n this.component_mode, \r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={inputClass}>\r\n {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n <div class=\"dda-input-field-wrapper\">\r\n {this.card_icon && <img src={this.card_icon} alt=\"Card Icon\" class=\"dda-creditcard-icon\" />}\r\n <input\r\n aria-label={this.aria_label}\r\n id={this.input_id}\r\n type=\"text\"\r\n inputmode=\"numeric\"\r\n placeholder={this.placeholder}\r\n value={this.formattedValue}\r\n onInput={(event) => this.handleInput(event)}\r\n class=\"dda-input-field\"\r\n disabled={this.disabled}\r\n maxlength={this.restrict_input ? 100 : 25}\r\n />\r\n </div>\r\n {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-creditcard-field.stories.js","sourceRoot":"","sources":["../../../src/components/dda-creditcard-field/dda-creditcard-field.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Credit Card Field',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text for the input field',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the input field',\r\n },\r\n restrict_input: {\r\n control: 'boolean',\r\n description: 'Restrict the input field to 16 digits',\r\n },\r\n value: {\r\n control: 'text',\r\n description: 'Value of the input field',\r\n },\r\n card_icon: {\r\n control: 'text',\r\n description: 'URL of the card icon',\r\n },\r\n error_message: {\r\n control: 'text',\r\n description: 'Error message displayed below the input field',\r\n },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal', 'error'],\r\n description: 'Validation type of the input field',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default', 'small',],\r\n description: 'Size of the input field',\r\n },\r\n input_type: {\r\n control: { type: 'select' },\r\n options: ['normal', 'disabled'],\r\n description: 'Input type of the input field',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper text displayed below the input field',\r\n },\r\n disabled: {\r\n control: 'boolean',\r\n description: 'Disables the input field',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the input field',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the credit card field component',\r\n },\r\n input_id: {\r\n control: { type: 'text' },\r\n description: 'default',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Accessible label for the credit card field',\r\n },\r\n onchange:{\r\n control: { type: 'text' },\r\n description: 'onchange event for the credit card field',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-credit-card-field\\` component, pass the following props:\r\n \r\n \\`\\`\\`html\r\n<dda-creditcard-field\r\n placeholder=\"0000 - 0000 - 0000 - 0000\"\r\n label=\"Card Number\"\r\n restrict_input=\"false\"\r\n value=\"\"\r\n card_icon=\"https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg\"\r\n size=\"default\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n validation_type=\"normal\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n input_id=\"input\"\r\n aria_label=\"credit-card-field\"\r\n onchange=\"console.log('changed')\"\r\n></dda-creditcard-field>\r\n \\`\\`\\`\r\n `,\r\n },\r\n },\r\n }, \r\n };\r\n \r\n const Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n \r\n return `<dda-creditcard-field ${attributes}></dda-creditcard-field>`;\r\n };\r\n \r\n export const Default = Template.bind({});\r\n Default.args = {\r\n placeholder: '0000 - 0000 - 0000 - 0000',\r\n label: 'Card Number',\r\n restrict_input: false,\r\n value: '',\r\n card_icon: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'credit-card-field',\r\n onchange: '',\r\n };\r\n \r\n export const SmallSize = Template.bind({});\r\n SmallSize.args = {\r\n placeholder: '0000 - 0000 - 0000 - 0000',\r\n label: 'Card Number',\r\n restrict_input: false,\r\n value: '',\r\n card_icon: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n size: 'small',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'credit-card-field',\r\n onchange: '',\r\n };\r\n\r\n export const WithErrorMessage = Template.bind({});\r\n WithErrorMessage.args = {\r\n placeholder: '0000 - 0000 - 0000 - 0000',\r\n label: 'Card Number',\r\n restrict_input: false,\r\n value: '5464 - 5363 - 5363 - 6363',\r\n card_icon: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n size: 'default',\r\n helper_text: '',\r\n error_message: 'This is an error message',\r\n validation_type: 'error',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'credit-card-field',\r\n onchange: '',\r\n };\r\n \r\n export const Disabled = Template.bind({});\r\n Disabled.args = {\r\n placeholder: '0000 - 0000 - 0000 - 0000',\r\n label: 'Card Number',\r\n restrict_input: false,\r\n value: '',\r\n card_icon: 'https://www.mastercard.com/content/dam/public/brandcenter/assets/images/logos/mclogo-for-footer.svg',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n disabled: true,\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'credit-card-field',\r\n onchange: '',\r\n }; "]}

package/dist/collection/components/dda-dropdown/dda-dropdown.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-dropdown.js","sourceRoot":"","sources":["../../../src/components/dda-dropdown/dda-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-dropdown',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaDropdown {\r\n @Prop() label: string;\r\n @Prop() options: string; // Receive options as a string\r\n @Prop() selected: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop() error: string;\r\n @Prop() helper_text: string;\r\n @Prop() type: 'bg-transparent' | 'bg-white' = 'bg-white';\r\n @Prop() size: 'small' | 'medium' = 'medium';\r\n @Prop() icon_mode: boolean = false; // New prop for icon mode\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() button_id: string;\r\n @Prop() aria_label?: string;\r\n \r\n @State() isopen: boolean = false;\r\n\r\n private get parsedOptions(): string[] {\r\n try {\r\n return JSON.parse(this.options);\r\n } catch {\r\n return [];\r\n }\r\n }\r\n\r\n toggleDropdown() {\r\n if (!this.disabled) {\r\n this.isopen = !this.isopen;\r\n }\r\n }\r\n\r\n selectOption(option: string) {\r\n if (!this.disabled) {\r\n this.selected = option;\r\n this.isopen = false;\r\n }\r\n }\r\n\r\n render() { \r\n const containerClass = [\r\n 'dda-input-container dda-inline-flex',\r\n this.disabled ? 'dda-input-disabled' : '',\r\n this.size ? `dda-input-size-${this.size}` : '',\r\n this.custom_class ? `${this.custom_class}` : '',\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={containerClass}>\r\n {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n <div class={`dda-dropdown-container ${this.type}`}>\r\n <button id={this.button_id} aria-label={this.aria_label} type=\"button\" class=\"dda-input-field dda-dropdown-header\" onClick={() => this.toggleDropdown()}>\r\n <i class={`three-dots material-icons`}>{this.isopen ? 'more_vert' : 'more_vert'}</i>\r\n {!this.icon_mode && <span class=\"dda-dropdown-text\"><span>{this.selected || 'Select an option'}</span> <i class={`material-icons`}>{this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i></span>\r\n }\r\n </button>\r\n {this.isopen && (\r\n <div class=\"dda-input-dropdown-list\">\r\n {this.parsedOptions.length > 0 ? (\r\n this.parsedOptions.map(option => (\r\n <button type=\"button\"\r\n class={`dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`}\r\n onClick={() => {this.selectOption(option)}}\r\n >\r\n {option}\r\n </button>\r\n ))\r\n ) : (\r\n <div class=\"dda-input-dropdown-item\">No options available</div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n {this.error && <span class=\"dda-error-message\">{this.error}</span>}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-dropdown/dda-dropdown.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/dda-dropdown/dda-dropdown.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Dropdown',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default', 'small' ],\r\n description: 'Size of the dropdown field',\r\n },\r\n type: {\r\n control: { type: 'select' },\r\n options: ['bg-transparent', 'bg-white'],\r\n description: 'Type of the dropdown field',\r\n },\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text for the dropdown field',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the dropdown field',\r\n },\r\n selected: {\r\n control: 'text',\r\n description: 'Selected value of the dropdown field',\r\n },\r\n disabled: {\r\n control: 'boolean',\r\n description: 'Disabled state of the dropdown field',\r\n },\r\n error: {\r\n control: 'text',\r\n description: 'Error message displayed below the dropdown field',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper text displayed below the dropdown field',\r\n },\r\n options: {\r\n control: 'array', // Use 'array' to handle array input\r\n description: 'Array of options for the select',\r\n },\r\n icon_mode: {\r\n control: 'boolean',\r\n description: 'Enable or disable icon mode',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the dropdown component',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the dropdown component',\r\n },\r\n button_id: {\r\n control: { type: 'text' },\r\n description: 'Button id for the dropdown field',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the dropdown field',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-dropdown\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-dropdown\r\n label=\"Headline\"\r\n selected=\"\"\r\n disabled=\"false\"\r\n error=\"\"\r\n helper_text=\"\"\r\n type=\"bg-white\"\r\n size=\"default\"\r\n icon_mode=\"false\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"dropdown\"\r\n aria_label=\"dropdown\"\r\n options='[\"Option 1\",\"Option 2\",\"Option 3\"]'\r\n></dda-dropdown>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'options')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n const optionsAttribute = `options='${JSON.stringify(args.options)}'`;\r\n\r\n return `<dda-dropdown ${attributes} ${optionsAttribute}></dda-dropdown>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n label: 'Headline',\r\n selected: '',\r\n disabled: false,\r\n error: '',\r\n helper_text: '',\r\n type: 'bg-white',\r\n size: 'default',\r\n options: ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5', 'Option 6', 'Option 7'],\r\n icon_mode: false,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'dropdown',\r\n aria_label: 'dropdown',\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n label: 'Headline',\r\n selected: '',\r\n disabled: false,\r\n error: '',\r\n helper_text: '',\r\n type: 'bg-white',\r\n size: 'small',\r\n options: ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5'],\r\n icon_mode: false,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'dropdown',\r\n aria_label: 'dropdown',\r\n};\r\n\r\nexport const Transparent = Template.bind({});\r\nTransparent.args = {\r\n label: '',\r\n selected: '',\r\n disabled: false,\r\n error: '',\r\n helper_text: '',\r\n type: 'bg-transparent',\r\n size: 'default',\r\n options: ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5'],\r\n icon_mode: false,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'dropdown',\r\n aria_label: 'dropdown',\r\n};\r\n\r\nexport const icon_mode = Template.bind({});\r\nicon_mode.args = {\r\n label: '',\r\n selected: '',\r\n disabled: false,\r\n error: '',\r\n helper_text: '',\r\n type: 'bg-white',\r\n size: 'default',\r\n options: ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5'],\r\n icon_mode: true,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'dropdown',\r\n aria_label: 'dropdown',\r\n};\r\n\r\n"]}

package/dist/collection/components/dda-footer/dda-footer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-footer.js","sourceRoot":"","sources":["../../../src/components/dda-footer/dda-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IAaZ,cAAc,CAAC,UAAkB;QACvC,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC;YAC1C,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEpD,OAAO,CACL,+DAAQ,KAAK,EAAC,WAAW;YACvB,4DAAK,KAAK,EAAC,8BAA8B;gBACvC,4DAAK,KAAK,EAAC,iDAAiD;oBAC1D,2DAAI,KAAK,EAAC,8CAA8C,IAAE,IAAI,CAAC,WAAW,CAAM;oBAChF,0DAAG,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,WAAW,CAAK;oBACjE,4DAAK,KAAK,EAAC,oBAAoB;wBAC7B,mEAAY,YAAY,EAAC,iBAAiB,EAAC,IAAI,EAAC,IAAI,IACjD,IAAI,CAAC,gBAAgB,CACX;wBACb,mEAAY,YAAY,EAAC,kBAAkB,EAAC,IAAI,EAAC,IAAI,IAClD,IAAI,CAAC,eAAe,CACV,CACT,CACF,CACF;YAEN,4DAAK,KAAK,EAAC,8BAA8B;gBACvC,4DAAK,KAAK,EAAC,SAAS;oBAClB,4DAAK,KAAK,EAAC,mBAAmB;wBAC5B,4DAAK,KAAK,EAAC,aAAa;4BACtB,4DAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI;4BAC/D,0DAAG,KAAK,EAAC,iBAAiB,yFAEtB,CACA,CACF;oBACN,4DAAK,KAAK,EAAC,cAAc;wBACvB,4DAAK,KAAK,EAAC,SAAS,IACjB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,WAAK,KAAK,EAAC,0CAA0C;4BACnD,SAAG,KAAK,EAAC,iDAAiD,IAAE,OAAO,CAAC,KAAK,CAAK;4BAC9E,UAAI,KAAK,EAAC,aAAa,IACpB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B;gCACE,SAAG,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAClD,IAAI,CAAC,KAAK,CACT,CACD,CACN,CAAC,CACC,CACD,CACP,CAAC,CACE,CACF,CACF,CACF;YAEN,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,4DAAK,KAAK,EAAC,6CAA6C;oBACtD,0DAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,aAAa,CAAK;oBACnD,2DAAI,KAAK,EAAC,qCAAqC,IAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB;wBACE,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI;4BAChB,WAAK,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAC7D,CACD,CACN,CAAC,CACC,CACD,CACF,CACC,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-footer',\r\n styleUrl: 'dda-footer.css',\r\n shadow: true,\r\n})\r\nexport class DdaFooter {\r\n @Prop() footerTitle: string;\r\n @Prop() description: string;\r\n @Prop() signUpButtonText: string;\r\n @Prop() loginButtonText: string;\r\n @Prop() logoSrc: string;\r\n @Prop() logoAlt: string;\r\n @Prop() copyrightText: string;\r\n \r\n // Updated to accept JSON strings\r\n @Prop() footerSections: string;\r\n @Prop() socialIcons: string;\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n\r\n render() {\r\n const sections = this.parseJsonArray(this.footerSections);\r\n const icons = this.parseJsonArray(this.socialIcons);\r\n\r\n return (\r\n <footer class=\"WB-footer\">\r\n <div class=\"dda-container line-seperater\">\r\n <div class=\"dda-flex dda-align-center flex-column dda-gap-5\">\r\n <h4 class=\"dda-fs-display-sm dda-fw-700 dda-color-black\">{this.footerTitle}</h4>\r\n <p class=\"dda-fs-title-sm dda-fw-400 mb-3\">{this.description}</p>\r\n <div class=\"dda-flex dda-gap-5\">\r\n <dda-button button_color=\"default-primary\" size=\"lg\">\r\n {this.signUpButtonText}\r\n </dda-button>\r\n <dda-button button_color=\"default-tertiary\" size=\"lg\">\r\n {this.loginButtonText}\r\n </dda-button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dda-container line-seperater\">\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-lg-4 mb-3\">\r\n <div class=\"text-center\">\r\n <img class=\"entt-logo\" src={this.logoSrc} alt={this.logoAlt} />\r\n <p class=\"dda-fs-title-sm\">\r\n Design outstanding interfaces with advanced Figma features in a matter of minutes.\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-lg-8\">\r\n <div class=\"dda-row\">\r\n {sections.map((section) => (\r\n <div class=\"dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3\">\r\n <p class=\"dda-fs-title-sm dda-fw-700 dda-color-black mb-3\">{section.title}</p>\r\n <ul class=\"footer-menu\">\r\n {section.links.map((link) => (\r\n <li>\r\n <a class=\"dda-fs-title-sm dda-fw-400\" href={link.href}>\r\n {link.label}\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dda-container pt-4\">\r\n <div class=\"dda-flex dda-align-center dda-justify-space\">\r\n <p class=\"dda-fs-title-sm\">{this.copyrightText}</p>\r\n <ul class=\"dda-flex dda-align-center dda-gap-4\">\r\n {icons.map((icon) => (\r\n <li>\r\n <a href={icon.href}>\r\n <img class=\"footer-social-icn\" src={icon.src} alt={icon.alt} />\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n </footer>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-footer/dda-footer.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-footer.stories.js","sourceRoot":"","sources":["../../../src/components/dda-footer/dda-footer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["\r\nexport default {\r\n title: 'Components/Footer',\r\n tags: ['autodocs'],\r\n component: 'dda-footer',\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-chip\\` component, pass the following props:\r\n \r\n \\`\\`\\`html\r\n<dda-footer\r\n title=\"Welcome to your new digital reality.\"\r\n description=\"Let us help you take you from zero to serious business and beyond. Our no-strings attached free trial lets you test our product today.\"\r\n logo-src=\"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\"\r\n logo-alt=\"Dubai-Digital-Authority\"\r\n sign-up-button-text=\"Sign Up\"\r\n login-button-text=\"Login\"\r\n copyright-text=\"© 2023 Digitaldubai. All Rights Reserved.\"\r\n footer-sections='[{\"title\":\"About Us\",\"links\":[{\"label\":\"Our Competition\",\"href\":\"#\"},{\"label\":\"Channels\",\"href\":\"#\"},{\"label\":\"Scale\",\"href\":\"#\"},{\"label\":\"Watch the Demo\",\"href\":\"#\"}]},{\"title\":\"Products\",\"links\":[{\"label\":\"Features\",\"href\":\"#\"},{\"label\":\"Products\",\"href\":\"#\"},{\"label\":\"Enterprise\",\"href\":\"#\"},{\"label\":\"Solutions\",\"href\":\"#\"}]},{\"title\":\"Resources\",\"links\":[{\"label\":\"Partners\",\"href\":\"#\"},{\"label\":\"Developers\",\"href\":\"#\"},{\"label\":\"Community\",\"href\":\"#\"},{\"label\":\"Apps\",\"href\":\"#\"}]},{\"title\":\"Company\",\"links\":[{\"label\":\"About Us\",\"href\":\"#\"},{\"label\":\"Leadership\",\"href\":\"#\"},{\"label\":\"News\",\"href\":\"#\"}]}]'\r\n social-icons='[{\"href\":\"#\",\"src\":\"https://img.icons8.com/?size=256&id=118497&format=png\",\"alt\":\"Facebook\"},{\"href\":\"#\",\"src\":\"https://img.icons8.com/?size=256&id=118497&format=png\",\"alt\":\"Google\"},{\"href\":\"#\",\"src\":\"https://img.icons8.com/?size=256&id=118497&format=png\",\"alt\":\"Apple\"},{\"href\":\"#\",\"src\":\"https://img.icons8.com/?size=256&id=118497&format=png\",\"alt\":\"Instagram\"}]'\r\n class=\"hydrated\"\r\n></dda-footer>\r\n \\`\\`\\`\r\n `,\r\n },\r\n },\r\n },\r\n };\r\n \r\n const Template = (args) => `\r\n <dda-footer \r\n title=\"${args.introTitle}\"\r\n description=\"${args.introText}\"\r\n logo-src=\"${args.logoUrl}\"\r\n logo-alt=\"${args.logoAlt}\"\r\n sign-up-button-text=\"${args.signUpLabel}\"\r\n login-button-text=\"${args.loginLabel}\"\r\n copyright-text=\"${args.copyrightText}\"\r\n footer-sections='${JSON.stringify(args.footerSections)}'\r\n social-icons='${JSON.stringify(args.socialIcons)}'\r\n ></dda-footer>\r\n `;\r\n \r\n export const Default = Template.bind({});\r\n Default.args = {\r\n introTitle: \"Welcome to your new digital reality.\",\r\n introText: \"Let us help you take you from zero to serious business and beyond. Our no-strings attached free trial lets you test our product today.\",\r\n logoUrl: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\",\r\n logoAlt: \"Dubai-Digital-Authority\",\r\n signUpLabel: \"Sign Up\",\r\n loginLabel: \"Login\",\r\n copyrightText: \"© 2023 Digitaldubai. All Rights Reserved.\",\r\n footerSections: [\r\n { \r\n title: \"About Us\", \r\n links: [\r\n { label: \"Our Competition\", href: \"#\" },\r\n { label: \"Channels\", href: \"#\" },\r\n { label: \"Scale\", href: \"#\" },\r\n { label: \"Watch the Demo\", href: \"#\" },\r\n ]\r\n },\r\n { \r\n title: \"Products\", \r\n links: [\r\n { label: \"Features\", href: \"#\" },\r\n { label: \"Products\", href: \"#\" },\r\n { label: \"Enterprise\", href: \"#\" },\r\n { label: \"Solutions\", href: \"#\" },\r\n ]\r\n },\r\n { \r\n title: \"Resources\", \r\n links: [\r\n { label: \"Partners\", href: \"#\" },\r\n { label: \"Developers\", href: \"#\" },\r\n { label: \"Community\", href: \"#\" },\r\n { label: \"Apps\", href: \"#\" },\r\n ]\r\n },\r\n { \r\n title: \"Company\", \r\n links: [\r\n { label: \"About Us\", href: \"#\" },\r\n { label: \"Leadership\", href: \"#\" },\r\n { label: \"News\", href: \"#\" },\r\n ]\r\n },\r\n ],\r\n socialIcons: [\r\n { href: \"#\", src: \"https://img.icons8.com/?size=256&id=118497&format=png\", alt: \"Facebook\" },\r\n { href: \"#\", src: \"https://img.icons8.com/?size=256&id=118497&format=png\", alt: \"Google\" },\r\n { href: \"#\", src: \"https://img.icons8.com/?size=256&id=118497&format=png\", alt: \"Apple\" },\r\n { href: \"#\", src: \"https://img.icons8.com/?size=256&id=118497&format=png\", alt: \"Instagram\" },\r\n ],\r\n }; "]}

package/dist/collection/components/dda-header/dda-header.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-header.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-header',\r\n styleUrls: ['dda-header.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHeader {\r\n @Prop() firstLogoSrc: string;\r\n @Prop() firstLogoAlt: string;\r\n @Prop() secondLogoSrc: string;\r\n @Prop() secondLogoAlt: string;\r\n @Prop() loginLink: string;\r\n @Prop() sideMenuItems: string;\r\n @Prop() quickLinks: string;\r\n @Prop() readSpeakerLink: string;\r\n @Event() languageSwitch: EventEmitter<void>;\r\n @Event() smTextSize: EventEmitter<void>;\r\n @Event() baseTextSize: EventEmitter<void>;\r\n @Event() lgTextSize: EventEmitter<void>;\r\n @Event() normalContrast: EventEmitter<void>;\r\n @Event() blindContrast: EventEmitter<void>;\r\n @Event() redContrast: EventEmitter<void>;\r\n @Event() greenContrast: EventEmitter<void>;\r\n\r\n @State() isMenuOpen: boolean = false;\r\n @State() isSubMenuOpen: boolean = false;\r\n @State() isSideSubMenuOpen: boolean = false;\r\n @State() isAccessibiltyOpen: boolean = false;\r\n private lastScrollTop = 0;\r\n\r\n componentDidLoad() {\r\n window.addEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n handleScroll = () => {\r\n const scrollTop = window.scrollY;\r\n const menuContainer = document.querySelector('.dda-menu-container') as HTMLElement;\r\n\r\n if (scrollTop > this.lastScrollTop && scrollTop > 50) {\r\n if (menuContainer) menuContainer.style.display = 'none';\r\n } else {\r\n if (menuContainer) menuContainer.style.display = 'flex';\r\n }\r\n this.lastScrollTop = scrollTop;\r\n };\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n private toggleMenu = () => {\r\n this.isMenuOpen = !this.isMenuOpen;\r\n };\r\n private toggleSubMenu = () => {\r\n this.isSubMenuOpen = !this.isSubMenuOpen;\r\n };\r\n private toggleSideSubMenu = () => {\r\n this.isSideSubMenuOpen = !this.isSideSubMenuOpen;\r\n };\r\n private toggleAccessibilty = () => {\r\n this.isAccessibiltyOpen = !this.isAccessibiltyOpen;\r\n };\r\n\r\n private languagehandler = () => {\r\n this.languageSwitch.emit();\r\n };\r\n private smTexthandler = () => {\r\n this.smTextSize.emit();\r\n };\r\n private baseTexthandler = () => {\r\n this.baseTextSize.emit();\r\n };\r\n private lgTexthandler = () => {\r\n this.lgTextSize.emit();\r\n };\r\n private normalContrasthandler = () => {\r\n this.normalContrast.emit();\r\n };\r\n private blindContrasthandler = () => {\r\n this.blindContrast.emit();\r\n };\r\n private redContrasthandler = () => {\r\n this.redContrast.emit();\r\n };\r\n private greenContrasthandler = () => {\r\n this.greenContrast.emit();\r\n };\r\n\r\n render() {\r\n const sideMenuItems = this.parseJsonArray(this.sideMenuItems);\r\n const quickLinks = this.parseJsonArray(this.quickLinks);\r\n return (\r\n <header class=\"dda-header\">\r\n <div class=\"dda-container-fluid\">\r\n {/* Logo Section */}\r\n <div class=\"dda-head-logo\">\r\n <a href=\"#\" class=\"govt-logo\">\r\n <img class=\"logo-colored\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n {/* <img class=\"logo-white\" src={this.secondLogoSrc} alt={this.secondLogoAlt} /> */}\r\n </a>\r\n <a href=\"#\" class=\"entt-logo\">\r\n <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoSrc} />\r\n {/* <img class=\"logo-white\" src={this.secondLogoSrc} alt={this.secondLogoAlt} /> */}\r\n </a>\r\n </div>\r\n\r\n {/* Main Navigation Section */}\r\n <div class=\"dda-menu-container\">\r\n <div class=\"dda-main-navigation\">\r\n <div class={`dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`}></div>\r\n\r\n {/* Hamburger Menu */}\r\n <div class=\"hamburger-menu\" onClick={this.toggleMenu}>\r\n <dda-tooltip title_text=\"Menu\" position=\"top\" class=\"d-block\">\r\n <button type=\"button\" class=\"hamburger-menu-btn\">\r\n <span class=\"hamburger-line\"></span>\r\n <span class=\"hamburger-menu-text\">hamburger menu text</span>\r\n </button>\r\n </dda-tooltip>\r\n </div>\r\n\r\n {/* Side Menu */}\r\n <div class=\"dda-sidemenu\" style={{ display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' }}>\r\n <div class=\"dda-sidemenu-content\">\r\n <p class=\"dda-side-nav-title\">Quick Links</p>\r\n <ul class=\"main_side_menu\">\r\n {sideMenuItems.map(item => (\r\n <li>\r\n <a\r\n href={item.subMenu && item.subMenu.length > 0 ? 'javascript:void(0)' : item.href}\r\n class=\"dda-flex dda-justify-space dda-items-center\"\r\n onClick={item.subMenu && item.subMenu.length && this.toggleSideSubMenu}\r\n >\r\n <span>{item.label}</span>\r\n {item.subMenu && item.subMenu.length > 0 && <i class=\"material-icons\">chevron_right</i>}\r\n </a>\r\n {item.subMenu && item.subMenu.length > 0 && (\r\n <div class={`main_sub_menu ${this.isSideSubMenuOpen ? 'showSubMenu' : ''}`}>\r\n <ol>\r\n {item.subMenu.map(sub => (\r\n <li>\r\n <a href={'javascript:void(0)'} onClick={this.toggleSideSubMenu}>\r\n <span>{sub.label}</span>\r\n {item.subMenu && item.subMenu.length > 0 && <i class=\"material-icons\">chevron_right</i>}\r\n </a>\r\n <div class={`main_sub_menu ${this.isSideSubMenuOpen ? 'showSubMenu' : ''}`}>\r\n <p class=\"dda-side-nav__title\">Initiatives</p>\r\n <ol>\r\n <li>\r\n <a href=\"#\">{sub.label}</a>\r\n </li>\r\n </ol>\r\n </div>\r\n </li>\r\n ))}\r\n </ol>\r\n </div>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n <button class=\"close-btn side-nav-close-btn\" aria-label=\"Close Sidebar\" onClick={this.toggleMenu}>\r\n <i class=\"material-icons\">close</i>\r\n </button>\r\n </div>\r\n\r\n {/* Mega Menu */}\r\n <div class=\"dda-mega-menu\">\r\n {quickLinks.map(link => (\r\n <li>\r\n <a href={link.subMenu && link.subMenu.length > 0 ? 'javascript:void(0)' : link.href} onClick={link.subMenu && link.subMenu.length && this.toggleSubMenu}>\r\n {link.label}\r\n </a>\r\n {/* Conditionally render submenu */}\r\n {link.subMenu && link.subMenu.length > 0 && (\r\n <div class=\"megamenu-content\" style={{ display: this.isSubMenuOpen ? 'block' : 'none' }}>\r\n <div class=\"megamenu-item dda-container\">\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-3\">\r\n <h3 class=\"mega-menu-title\">QUICK LINKS</h3>\r\n <ul>\r\n {link.subMenu.map(subItem => (\r\n <li>\r\n <a class=\"megamenu-link\" href={subItem.href}>\r\n <span class=\"dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default\">\r\n <i class=\"material-icons\">{subItem.icon}</i>\r\n </span>\r\n <span class=\"text-wrap\">\r\n <span class=\"title-text dda-fs-body-lg dda-fw-700\">{subItem.title}</span>\r\n <span class=\"dda-fs-tagline-lg dda-fw-400\">{subItem.description}</span>\r\n </span>\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n <button class=\"close-btn close_mega-menu\" aria-label=\"Close Sidebar\" onClick={this.toggleSubMenu}>\r\n <i class=\"material-icons\">close</i>\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n </li>\r\n ))}\r\n </div>\r\n </div>\r\n {/* Toolbar Menu */}\r\n <div class=\"dda-toolbar-menu\">\r\n <ul>\r\n <li>\r\n <dda-tooltip title_text=\"Search\" description=\"\" position=\"top\">\r\n <div class=\"dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn\">\r\n <i class=\"material-icons\">search</i>\r\n <input type=\"text\" class=\"\" placeholder=\"Search\" />\r\n </div>\r\n </dda-tooltip>\r\n </li>\r\n\r\n <li>\r\n <dda-tooltip title_text=\"Accessibility\" position=\"top\">\r\n <button class=\"tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn\" type=\"button\" onClick={this.toggleAccessibilty}>\r\n <i class=\"material-icons\">accessibility</i>\r\n <span class=\"visually-hidden\">Accessibility</span>\r\n </button>\r\n </dda-tooltip>\r\n <div class=\"dda-accessibility-wrap\">\r\n <div class=\"dda-accessibility hide-accessibility\" style={{ display: this.isAccessibiltyOpen ? 'block' : 'none' }}>\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Contrast</h2>\r\n <p class=\"mb-3\">Select your preferred contrast setting </p>\r\n <div class=\"dda-theme-list\">\r\n <dda-radiobutton\r\n title_text=\"Normal\"\r\n checked={true}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"Normal\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.normalContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Colours Blind\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"ColoursBlind\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.blindContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Red Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"RedWeakness\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.redContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Green Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"GreenWeakness\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.greenContrasthandler}\r\n ></dda-radiobutton>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Screen Reader</h2>\r\n <p class=\"mb-3\">Listen to the content of the page by clicking play or listen</p>\r\n <div class=\"rs_skip rsbtn rs_preserve\" id=\"readspeaker_button1\">\r\n <a href={this.readSpeakerLink} rel=\"nofollow\" class=\"rsbtn_play circle readspeaker\" accessKey=\"L\" aria-label=\"Listen to this page using ReadSpeaker\">\r\n <i class=\"material-icons\">volume_up</i>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Text Size</h2>\r\n <p class=\"mb-3\">Use the buttons below to increase or decrease the text size</p>\r\n <div class=\"d-flex dda-gap-4\">\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.baseTexthandler}>\r\n A\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.lgTexthandler}>\r\n A+\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.smTexthandler}>\r\n A-\r\n </dda-button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <button class=\"close-btn close_accessibility\" aria-label=\"Close Sidebar\" onClick={this.toggleAccessibilty}>\r\n <i class=\"materinal-icons\">close</i>\r\n </button>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <dda-tooltip title_text=\"Language\" position=\"top\">\r\n <dda-button button_color=\"onsurface-secondary\" custom_class=\"tool-btn\" button_shape=\"circle\" size=\"sm\" onClick={this.languagehandler}>\r\n العربية\r\n </dda-button>\r\n </dda-tooltip>\r\n </li>\r\n <li>\r\n <dda-tooltip title_text=\"Login\" position=\"top\">\r\n <dda-link-button\r\n button_color=\"onsurface-secondary\"\r\n start_icon=\"sentiment_satisfied\"\r\n custom_class=\"tool-btn\"\r\n href={this.loginLink}\r\n button_shape=\"circle\"\r\n size=\"sm\"\r\n >\r\n Login\r\n </dda-link-button>\r\n </dda-tooltip>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </header>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-header/dda-header.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-header.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Header',\r\n tags: ['autodocs'],\r\n component: 'dda-header',\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-header\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-header\r\n first-logo-src=\"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\"\r\n first-logo-alt=\"undefined\"\r\n second-logo-src=\"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\"\r\n second-logo-alt=\"Dubai-Digital-Authority\"\r\n login-link=\"/login\"\r\n readSpeakerLink=\"\"\r\n languageswitch=\"() => console.log('Language Switcher')\"\r\n smtextsize=\"() => console.log('Small Text')\"\r\n basetextsize=\"() => console.log('Base Text')\"\r\n lgtextsize=\"() => console.log('Large Text')\"\r\n normalcontrast=\"() => console.log('Normal Text')\"\r\n blindcontrast=\"() => console.log('Blind Text')\"\r\n redcontrast=\"() => console.log('Red Text')\"\r\n greencontrast=\"() => console.log('Green Text')\">\r\n</dda-header>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = args => `\r\n <dda-header \r\n first-logo-src=\"${args.firstlogoUrl}\"\r\n first-logo-alt=\"${args.firstLogoAlt}\"\r\n second-logo-src=\"${args.secondLogoUrl}\"\r\n second-logo-alt=\"${args.secondLogoAlt}\"\r\n login-link=\"${args.loginLink}\"\r\n readSpeakerLink=\"app-eu.readspeaker.com\"\r\n languageSwitch=\"() => console.log('Language Switcher')\"\r\n smTextSize=\"() => console.log('Small Text')\"\r\n baseTextSize=\"() => console.log('Base Text')\"\r\n lgTextSize=\"() => console.log('Large Text')\"\r\n normalContrast=\"() => console.log('Normal Text')\"\r\n blindContrast=\"() => console.log('Blind Text')\"\r\n redContrast=\"() => console.log('Red Text')\"\r\n greenContrast=\"() => console.log('Green Text')\"\r\n quick-links='${JSON.stringify(args.quickLinks)}'\r\n side-menu-items='${JSON.stringify(args.sideMenuItems)}'\r\n ></dda-header>\r\n <script>\r\n const header = document.querySelector('dda-header');\r\n header.addEventListener('languageSwitch', ${args.languageSwitch});\r\n header.addEventListener('smTextSize', ${args.smTextSize});\r\n header.addEventListener('baseTextSize', ${args.baseTextSize});\r\n header.addEventListener('lgTextSize', ${args.lgTextSize});\r\n header.addEventListener('normalContrast', ${args.normalContrast});\r\n header.addEventListener('blindContrast', ${args.blindContrast});\r\n header.addEventListener('redContrast', ${args.redContrast});\r\n header.addEventListener('greenContrast', ${args.greenContrast});\r\n </script>\r\n `;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n firstlogoUrl: 'https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg',\r\n firstlogoAlt: 'Dubai-Digital-Authority',\r\n secondLogoUrl: 'https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg',\r\n secondLogoAlt: 'Dubai-Digital-Authority',\r\n loginLink: '/login',\r\n languageSwitch: \"() => console.log('Language Switcher')\",\r\n smTextSize: \"() => console.log('Small Text')\",\r\n baseTextSize: \"() => console.log('Base Text')\",\r\n lgTextSize: \"() => console.log('Large Text')\",\r\n normalContrast: \"() => console.log('Normal Contrast')\",\r\n blindContrast: \"() => console.log('Blind Contrast')\",\r\n redContrast: \"() => console.log('Red Contrast')\",\r\n greenContrast: \"() => console.log('Green Contrast')\",\r\n readSpeakerLink: \"app-eu.readspeaker.com\",\r\n quickLinks: [\r\n { label: 'Home', href: '#', subMenu: [] },\r\n {\r\n label: 'Services',\r\n href: '#',\r\n subMenu: [\r\n { title: 'Web Development', description: 'Build and maintain websites', icon: 'sentiment_satisfied', href: '#' },\r\n { title: 'SEO Services', description: 'Improve your site ranking', icon: 'sentiment_satisfied', href: '#' },\r\n ],\r\n },\r\n { label: 'About', href: '#', subMenu: [] },\r\n { label: 'Contact', href: '#', subMenu: [] },\r\n ],\r\n\r\n sideMenuItems: [\r\n { label: 'Home', href: '#', subMenu: [] },\r\n {\r\n label: 'Initiatives',\r\n href: '#',\r\n subMenu: [\r\n { label: 'Submenu-1', href: '#' },\r\n { label: 'Submenu-2', href: '#' },\r\n ],\r\n },\r\n { label: 'Services', href: '#', subMenu: [] },\r\n { label: 'Data', href: '#', subMenu: [] },\r\n { label: 'Government Services', href: '#', subMenu: [] },\r\n { label: 'Investor Relations', href: '#', subMenu: [] },\r\n { label: 'Locations', href: '#', subMenu: [] },\r\n { label: 'Newsroom', href: '#', subMenu: [] },\r\n { label: 'Contact Us', href: '#', subMenu: [] },\r\n ],\r\n};\r\n"]}

package/dist/collection/components/dda-input/dda-input.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-input.js","sourceRoot":"","sources":["../../../src/components/dda-input/dda-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;IALrB;QASU,SAAI,GAAW,MAAM,CAAC;KA8C/B;IAnCC,WAAW,CAAC,KAAK;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,qBAAqB;YACrB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE;YACpE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YAC9C,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;YACvD,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;YACpD,IAAI,CAAC,YAAY,EAAE,uBAAuB;YAC1C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,UAAU;gBACnB,IAAI,CAAC,KAAK,IAAI,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAS;gBAC1F,4EACc,IAAI,CAAC,UAAU,EAC3B,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,KAAK,EAAC,gCAAgC,GACtC;gBACD,IAAI,CAAC,WAAW,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,WAAW,CAAQ;gBAC3E,IAAI,CAAC,aAAa,IAAI,6DAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,aAAa,CAAQ,CAC9E,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-input',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaInput {\r\n @Prop() label: string;\r\n @Prop() placeholder: string;\r\n @Prop() value: string;\r\n @Prop() type: string = 'text';\r\n @Prop() helper_text: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() size?: string;\r\n @Prop() input_status?: string;\r\n @Prop() custom_class?: string;\r\n @Prop() component_mode?: string; \r\n @Prop() input_id: string;\r\n @Prop() aria_label?: string;\r\n\r\n handleInput(event) {\r\n this.value = event.target.value;\r\n }\r\n\r\n render() {\r\n const inputClass = [\r\n 'dda-input-container',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.size ? `dda-input-size-${this.size}` : '',\r\n this.input_status ? `dda-input-${this.input_status}` : '',\r\n this.type === 'Witherror' ? 'dda-validation-error' : '',\r\n this.type === 'disabled' ? 'dda-input-disabled' : '',\r\n this.custom_class, // Include custom class\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n \r\n return (\r\n <Host>\r\n <div class={inputClass}>\r\n {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n <input\r\n aria-label={this.aria_label}\r\n id={this.input_id}\r\n type={this.type}\r\n placeholder={this.placeholder}\r\n value={this.value}\r\n onInput={(event) => this.handleInput(event)}\r\n class=\"dda-input-field dda-input-text\"\r\n />\r\n {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/dda-input/dda-input.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-input.stories.js","sourceRoot":"","sources":["../../../src/components/dda-input/dda-input.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["\r\nexport default {\r\n title: 'Components/Input',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default','small'],\r\n description: 'Size of the input field',\r\n },\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text for the input field',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the input field',\r\n },\r\n value: {\r\n control: 'text',\r\n description: 'Value of the input field',\r\n },\r\n type: {\r\n control: { type: 'select' },\r\n options: ['text', 'password', 'email', 'number', 'time', 'date', 'Witherror', 'disabled' ],\r\n description: 'Type of the input field',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper or footer text',\r\n },\r\n error_message: {\r\n control: 'text',\r\n description: 'Error message displayed below the input field',\r\n },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal','error'],\r\n description: 'Validation type of the input field',\r\n },\r\n input_status: {\r\n control: { type: 'select' },\r\n options: ['normal','disabled'],\r\n description: 'Input status of the input field',\r\n },\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Custom class for the input field',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the input component',\r\n },\r\n input_id: {\r\n control: {type: 'text'},\r\n description: 'default',\r\n },\r\n aria_label: {\r\n control: {type: 'text'},\r\n description: 'Aria label for the input field',\r\n },\r\n onchange: {\r\n control: {type: 'text'},\r\n description: 'onchange event for the input field',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-input\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-input\r\n placeholder=\"Enter text\"\r\n label=\"Text Input\"\r\n value=\"\"\r\n type=\"text\"\r\n size=\"default\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n validation_type=\"normal\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n input_id=\"input\"\r\n aria_label=\"input\"\r\n onchange=\"console.log('changed')\"\r\n></dda-input>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `<dda-input ${attributes}></dda-input>`;\r\n};\r\n\r\nexport const Text = Template.bind({});\r\nText.args = {\r\n placeholder: 'Enter text',\r\n label: 'Text Input',\r\n value: '',\r\n type: 'text',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\n\r\nexport const Password = Template.bind({});\r\nPassword.args = {\r\n placeholder: 'Enter password',\r\n label: 'Password Input',\r\n value: '',\r\n type: 'password',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\n\r\nexport const Email = Template.bind({});\r\nEmail.args = {\r\n placeholder: 'Enter email',\r\n label: 'Email Input',\r\n value: '',\r\n type: 'email',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\n\r\nexport const Number = Template.bind({});\r\nNumber.args = {\r\n placeholder: 'Enter number',\r\n label: 'Number Input',\r\n value: '',\r\n type: 'number',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\nexport const Date = Template.bind({});\r\nDate.args = {\r\n placeholder: 'Enter Date',\r\n label: 'Date Input',\r\n value: '',\r\n type: 'date',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\n\r\nexport const Time = Template.bind({});\r\nTime.args = {\r\n placeholder: 'Enter Time',\r\n label: 'Time Input',\r\n value: '',\r\n type: 'time',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\n\r\nexport const Witherror = Template.bind({});\r\nWitherror.args = {\r\n placeholder: 'Enter value',\r\n label: 'Input with Error',\r\n value: '',\r\n type: 'text',\r\n size: 'default',\r\n helper_text: '',\r\n error_message: 'Helper or footer text',\r\n validation_type: 'error',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};\r\n\r\nexport const disabled = Template.bind({});\r\ndisabled.args = {\r\n placeholder: 'Enter number',\r\n label: 'Number Input',\r\n value: '',\r\n type: 'number',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n input_status: 'disabled',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'input',\r\n onchange: '',\r\n};"]}

package/dist/collection/components/dda-link-button/dda-link-button.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-link-button.js","sourceRoot":"","sources":["../../../src/components/dda-link-button/dda-link-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,aAAa;IAL1B;QAME,+CAA+C;QACvC,SAAI,GAAW,QAAQ,CAAC;QAChC,yBAAyB;QACjB,aAAQ,GAAY,KAAK,CAAC;QAClC,uCAAuC;QAC/B,eAAU,GAAW,EAAE,CAAC;QACxB,aAAQ,GAAW,EAAE,CAAC,CAAE,aAAa;QACrC,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAW,SAAS,CAAC,CAAC,2BAA2B;QAE7D,iBAAY,GAAY,EAAE,CAAC;QAC3B,sBAAiB,GAAY,EAAE,CAAC;QAEhC,iBAAY,GAAY,EAAE,CAAC,CAAC,oBAAoB;QAChD,SAAI,GAAY,GAAG,CAAC,CAAC,oBAAoB;KAmClD;IA/BC,MAAM;QACJ,MAAM,eAAe,GAAG;YACtB,SAAS;YACT,aAAa,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YACxC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE;YAClE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;YACrC,IAAI,CAAC,YAAY,EAAE,uBAAuB;YAC1C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAI5B,OAAO,CACL,EAAC,IAAI;YACH;gBACA,qBAAqB;gBACnB,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,eAAe,gBAEV,IAAI,CAAC,UAAU;gBAE1B,IAAI,CAAC,UAAU,IAAI,0DAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,UAAU,CAAK;gBACnE,8DAAQ;gBACP,IAAI,CAAC,QAAQ,IAAI,0DAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,QAAQ,CAAM,CAC9D,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Host, Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-link-button',\r\n styleUrls: ['../../global/dda-button.css', '../../global/global.css',],\r\n shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n /** Type of button, e.g., \"button\", \"submit\" */\r\n @Prop() type: string = 'button';\r\n /** Disable the button */\r\n @Prop() disabled: boolean = false;\r\n /** Icon class for the starting icon */\r\n @Prop() start_icon: string = '';\r\n @Prop() end_icon: string = ''; // icon class\r\n @Prop() aria_label?: string = '';\r\n @Prop() button_color: string = 'primary'; // e.g., 'primary', 'error'\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() button_shape?: string = '';\r\n @Prop() icon_button_shape?: string = '';\r\n @Prop() gap?: number;\r\n @Prop() custom_class?: string = ''; // Custom class prop\r\n @Prop() href?: string = '#'; // Custom class prop\r\n @Prop() component_mode?: string; \r\n @Prop() button_id: string;\r\n\r\n render() {\r\n const linkbuttonClass = [\r\n 'dda-btn',\r\n `btn-color-${this.button_color}`,\r\n this.size ? `btn-size-${this.size}` : '',\r\n this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n this.gap ? `dda-gap-${this.gap}` : '',\r\n this.custom_class, // Include custom class\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n \r\n\r\n return (\r\n <Host>\r\n <a\r\n // type={this.type}\r\n id={this.button_id}\r\n href={this.href}\r\n class={linkbuttonClass}\r\n // disabled={this.disabled}\r\n aria-label={this.aria_label}\r\n >\r\n {this.start_icon && <i class=\"material-icons\">{this.start_icon}</i>}\r\n <slot />\r\n {this.end_icon && <i class=\"material-icons\">{this.end_icon }</i>}\r\n </a>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-link-button/dda-link-button.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-link-button.stories.js","sourceRoot":"","sources":["../../../src/components/dda-link-button/dda-link-button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Link Button',\r\n tags: ['autodocs'],\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-link-button\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-link-button\r\n button_color=\"default-primary\"\r\n start_icon=\"sentiment_satisfied\"\r\n end_icon=\"arrow_forward\"\r\n custom_class=\"\"\r\n href=\"\"\r\n component_mode=\"\"\r\n button_id=\"link-button\"\r\n aria_label=\"link-Button\"\r\n >Button\r\n</dda-link-button>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n argTypes: {\r\n button_color: {\r\n control: { type: 'select' },\r\n options: [\r\n 'default-primary','default-secondary','default-tertiary','default-link',\r\n 'error-primary','error-secondary','error-tertiary','error-link',\r\n 'onsurface-primary','onsurface-secondary','onsurface-tertiary','onsurface-link',\r\n 'secondary','success','warning','surface','surface-variant','disabled',\r\n ],\r\n description: 'Selection of the color of the button',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['sm', 'md', 'lg', 'xl'],\r\n description: 'Size of the link button',\r\n },\r\n button_shape: {\r\n control: { type: 'select' },\r\n options: ['default', 'circle',],\r\n description: 'Options to display the button as square or circle',\r\n },\r\n icon_button_shape: {\r\n control: { type: 'select' },\r\n options: ['default', 'circle',],\r\n description: 'Options to display the icon as square or circle',\r\n },\r\n gap: {\r\n control: { type: 'select' },\r\n options: ['1', '2'],\r\n },\r\n\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Custom class for the link button component',\r\n }, \r\n href: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Href to point to when the button is clicked',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the link button component',\r\n },\r\n button_id: {\r\n control: {type: 'text'},\r\n description: 'Button id for the link button component',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for accessibility',\r\n }\r\n },\r\n};\r\n\r\nconst Template = (args) => {\r\n const attributes = Object.entries(args)\r\n .filter(([key, value]) => value !== undefined && key !== 'text')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n return `<dda-link-button ${attributes}>${args.text}</dda-link-button>`;\r\n};\r\n\r\nexport const DefaultPrimary = Template.bind({});\r\nDefaultPrimary.args = {\r\n button_color: 'default-primary',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '', // Example: Add custom class here\r\n href: '',\r\n component_mode: '',\r\n button_id: 'link-button',\r\n aria_label: 'link-Button',\r\n};\r\n\r\nexport const ErrorPrimary = Template.bind({});\r\nErrorPrimary.args = {\r\n button_color: 'error-primary',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '',\r\n href: '',\r\n component_mode: '',\r\n button_id: 'link-button',\r\n aria_label: 'link-Button',\r\n};\r\n\r\nexport const SurfacePrimary = Template.bind({});\r\nSurfacePrimary.args = {\r\n button_color: 'onsurface-primary',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '',\r\n href: '',\r\n component_mode: '',\r\n button_id: 'link-button',\r\n aria_label: 'link-Button',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n button_color: 'disabled',\r\n start_icon: 'sentiment_satisfied',\r\n end_icon: 'arrow_forward',\r\n text: 'Button',\r\n custom_class: '',\r\n href: '',\r\n component_mode: '',\r\n button_id: 'link-button',\r\n aria_label: 'link-Button',\r\n};\r\n\r\nexport const IconButton = Template.bind({});\r\nIconButton.args = {\r\n button_color: 'default-primary',\r\n icon_button_shape: \"default\",\r\n start_icon: 'sentiment_satisfied',\r\n text: '',\r\n custom_class: '',\r\n href: '',\r\n component_mode: '',\r\n button_id: 'link-button',\r\n aria_label: 'link-Button',\r\n};\r\n"]}

package/dist/collection/components/dda-number-field/dda-number-field.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-number-field.js","sourceRoot":"","sources":["../../../src/components/dda-number-field/dda-number-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-number-field',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaNumberField {\r\n @Prop() placeholder: string;\r\n @Prop() label: string;\r\n @Prop() value: string;\r\n @Prop() helper_text: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() size?: string;\r\n @Prop() input_status?: string; // JSON string of currency options\r\n @Prop() currencies: string;\r\n @Prop() selected_currency: string = 'USD';\r\n @State() is_focused: boolean = false;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string; \r\n @Prop() input_id: string;\r\n @Prop() aria_label?: string;\r\n\r\n @State() isCurrencyDropdownOpen: boolean = false;\r\n\r\n handleInput(event) {\r\n const inputElement = event.target as HTMLInputElement\r\n const inputValue = inputElement.value.replace(/[^0-9.]/g, '');\r\n inputElement.value = inputValue;\r\n }\r\n handleFocus() {\r\n this.is_focused = true;\r\n }\r\n\r\n handleBlur() {\r\n this.is_focused = false;\r\n }\r\n toggleCurrencyDropdown() {\r\n this.isCurrencyDropdownOpen = !this.isCurrencyDropdownOpen;\r\n this.handleFocus();\r\n this.handleBlur();\r\n }\r\n\r\n selectCurrency(currency: string) {\r\n this.selected_currency = currency;\r\n this.isCurrencyDropdownOpen = false;\r\n }\r\n\r\n private get parsedCurrencies(): string[] {\r\n try {\r\n return JSON.parse(this.currencies);\r\n } catch {\r\n return [];\r\n }\r\n }\r\n\r\n render() {\r\n const containerClass = [\r\n 'dda-input-container',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.size ? `dda-input-size-${this.size}` : '',\r\n this.input_status ? `dda-input-${this.input_status}` : '',\r\n this.is_focused ? 'dda-input-focus' : '',\r\n this.error_message ? 'dda-error-message' : '',\r\n this.custom_class ? `${this.custom_class}` : '',\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={containerClass}>\r\n {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n <div class=\"dda-input-field-group dda-number-field\">\r\n <input\r\n id={this.input_id}\r\n aria-label={this.aria_label}\r\n type=\"text\"\r\n placeholder={this.placeholder}\r\n value={this.value}\r\n pattern={\"[0-9]*\"}\r\n onInput={event => this.handleInput(event)}\r\n onFocus={this.handleFocus.bind(this)}\r\n onBlur={this.handleBlur.bind(this)}\r\n class=\"dda-field-group-input\"\r\n />\r\n <div class=\"dda-input-dropdown-btn\">\r\n <button type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n {this.selected_currency} <i class={`material-icons`}>{this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n </button>\r\n {this.isCurrencyDropdownOpen && (\r\n <div class=\"dda-input-dropdown-list\">\r\n {this.parsedCurrencies.length > 0 ? (\r\n this.parsedCurrencies.map(option => (\r\n <button type=\"button\" class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`} onClick={() => this.selectCurrency(option)}>\r\n {option}\r\n </button>\r\n ))\r\n ) : (\r\n <div class=\"dda-input-dropdown-item\">No options available</div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}