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

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

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 (583) hide show

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-number-field.stories.js","sourceRoot":"","sources":["../../../src/components/dda-number-field/dda-number-field.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Number Field',\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 number field',\r\n },\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text for the number field',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the number field',\r\n },\r\n value: {\r\n control: 'text',\r\n description: 'Value of the number field',\r\n },\r\n currencies: {\r\n control: 'array',\r\n description: 'Array of currencies for the number 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 number field',\r\n },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal', 'error'],\r\n description: 'Validation type of the number field',\r\n },\r\n input_status: {\r\n control: { type: 'select' },\r\n options: ['normal', 'disabled'],\r\n description: 'Input status of the number field',\r\n },\r\n selected_currency: {\r\n control: 'text',\r\n description: 'Selected currency for the number field',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the number field',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the number 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: 'Aria label for the number field',\r\n },\r\n onchange: {\r\n control: { type: 'text' },\r\n description: 'onchange event for the number field',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-number-field\\` component, pass the following props:\r\n \r\n \\`\\`\\`html\r\n<dda-number-field\r\n label=\"Amount\"\r\n value=\"\"\r\n placeholder=\"Enter amount\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n validation_type=\"normal\"\r\n size=\"medium\"\r\n input_status=\"normal\"\r\n selected_currency=\"USD\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n input_id=\"input\"\r\n aria_label=\"input\"\r\n currencies='[\"USD\",\"EUR\",\"GBP\",\"AED\",\"PKR\"]'\r\n onchange=\"console.log('changed')\"\r\n></dda-number-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 !== 'currencies')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n const currenciesAttribute = `currencies='${JSON.stringify(args.currencies)}'`;\r\n \r\n return `<dda-number-field ${attributes} ${currenciesAttribute}></dda-number-field>`;\r\n };\r\n \r\n export const Default = Template.bind({});\r\n Default.args = {\r\n label: 'Amount',\r\n value: '',\r\n placeholder: 'Enter amount',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n size: 'medium',\r\n input_status: 'normal',\r\n currencies: ['USD', 'EUR', 'GBP', 'AED', 'PKR'],\r\n selected_currency: 'USD',\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\n export const Small = Template.bind({});\r\n Small.args = {\r\n label: 'Amount',\r\n value: '',\r\n placeholder: 'Enter amount',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n size: 'small',\r\n input_status: 'normal',\r\n currencies: ['USD', 'EUR', 'GBP', 'AED', 'PKR'],\r\n selected_currency: 'USD',\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\n export const Error = Template.bind({});\r\n Error.args = {\r\n label: 'Amount',\r\n value: '',\r\n placeholder: 'Enter amount',\r\n error_message: 'This is an error message',\r\n validation_type: 'error',\r\n size: 'medium',\r\n input_status: 'normal',\r\n currencies: ['USD', 'EUR', 'GBP', 'AED', 'PKR'],\r\n selected_currency: 'USD',\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\n export const Disabled = Template.bind({});\r\n Disabled.args = {\r\n label: 'Amount',\r\n value: '',\r\n placeholder: 'Enter amount',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n validation_type: 'normal',\r\n size: 'medium',\r\n input_status: 'disabled',\r\n currencies: ['USD', 'EUR', 'GBP', 'AED', 'PKR'],\r\n selected_currency: 'USD',\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\n\r\n "]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-pagination.js","sourceRoot":"","sources":["../../../src/components/dda-pagination/dda-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-pagination',\r\n styleUrls: ['dda-pagination.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaPagination {\r\n @Prop() total_pages: number = 8;\r\n @Prop() current_page: number = 1;\r\n @Prop() type: 'simple-slider' | 'buttons' | 'text' | 'text-pages' | 'button-text' | 'buttons-pages' | 'full' = 'simple-slider';\r\n @Prop() custom_class: string = '';\r\n @Prop() component_mode?: string; \r\n\r\n @Watch('total_pages')\r\n validateTotalPages(newValue: number) {\r\n if (newValue < 1) {\r\n this.total_pages = 1;\r\n }\r\n }\r\n\r\n @Watch('current_page')\r\n validateCurrentPage(newValue: number) {\r\n if (newValue < 1) {\r\n this.current_page = 1;\r\n } else if (newValue > this.total_pages) {\r\n this.current_page = this.total_pages;\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n this.validateTotalPages(this.total_pages);\r\n this.validateCurrentPage(this.current_page);\r\n }\r\n\r\n private renderPagination() {\r\n switch (this.type) {\r\n case 'simple-slider':\r\n return (\r\n <div class={`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`}>\r\n <button class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i> Prev</button>\r\n <span>Page {this.current_page} of {this.total_pages}</span>\r\n <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}>Next <i class=\"material-icons\">arrow_forward</i></button>\r\n </div>\r\n );\r\n case 'buttons':\r\n return (\r\n <div class={`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`}>\r\n <button class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i> Prev</button>\r\n {this.renderPageButtons()}\r\n <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}>Next <i class=\"material-icons\">arrow_forward</i></button>\r\n </div>\r\n );\r\n case 'text':\r\n return (\r\n <div class={`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`}>\r\n <button class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n <span>Page {this.current_page} of {this.total_pages}</span>\r\n <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></button>\r\n </div>\r\n );\r\n case 'text-pages':\r\n return (\r\n <div class={`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`}>\r\n <button class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n {this.renderPageButtons()}\r\n <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></button>\r\n </div>\r\n );\r\n case 'button-text':\r\n return (\r\n <div class={`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`}>\r\n <button class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n {this.renderPageButtons()}\r\n <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></button>\r\n </div>\r\n );\r\n case 'buttons-pages':\r\n return (\r\n <div class={`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`}>\r\n <button class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></button>\r\n </div>\r\n );\r\n case 'full':\r\n return (\r\n <div class={`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`}>\r\n {this.renderPageButtons()}\r\n </div>\r\n );\r\n }\r\n }\r\n\r\n\r\n private renderPageButtons() {\r\n const buttons = [];\r\n for (let i = 1; i <= this.total_pages; i++) {\r\n buttons.push(\r\n <button class={i === this.current_page ? 'active' : ''} onClick={() => this.setcurrentpage(i)}>\r\n {i}\r\n </button>\r\n );\r\n }\r\n return buttons;\r\n }\r\n\r\n private setcurrentpage(page: number) {\r\n if (page >= 1 && page <= this.total_pages) {\r\n this.current_page = page;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-pagination-container`}>\r\n {this.renderPagination()}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-pagination.stories.js","sourceRoot":"","sources":["../../../src/components/dda-pagination/dda-pagination.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,uBAAuB;SACrC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,qBAAqB;SACnC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,CAAC;YACnG,WAAW,EAAE,2BAA2B;SACzC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,+BAA+B;YAC1D,WAAW,EAAE,2CAA2C;SACzD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,kCAAkC;SAChD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;CAYlB;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,IAAK,GAAG,KAAK,MAAM,CAAC;SAChE,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,mBAAmB,UAAU,oBAAoB,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,SAAS;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,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,YAAY;IAClB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IAChB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,aAAa;IACnB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,eAAe;IACrB,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,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n title: 'Components/Pagination',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n total_pages: {\r\n control: 'number',\r\n description: 'Total number of pages',\r\n },\r\n current_page: {\r\n control: 'number',\r\n description: 'Current page number',\r\n },\r\n type: {\r\n control: { type: 'select' },\r\n options: ['simple-slider', 'buttons', 'text', 'text-pages', 'button-text', 'buttons-pages', 'full'],\r\n description: 'Type of pagination design',\r\n },\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Custom class for the pagination component',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the pagination component',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-pagination\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-pagination\r\n total_pages=\"8\"\r\n current_page=\"1\"\r\n type=\"simple-slider\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n></dda-pagination>\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-pagination ${attributes}></dda-pagination>`;\r\n};\r\n\r\nexport const SimpleSlider = Template.bind({});\r\nSimpleSlider.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'simple-slider',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const Buttons = Template.bind({});\r\nButtons.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'buttons',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const Text = Template.bind({});\r\nText.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'text',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const TextPages = Template.bind({});\r\nTextPages.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'text-pages',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const ButtonText = Template.bind({});\r\nButtonText.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'button-text',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const ButtonsPages = Template.bind({});\r\nButtonsPages.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'buttons-pages',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const Full = Template.bind({});\r\nFull.args = {\r\n total_pages: 8,\r\n current_page: 1,\r\n type: 'full',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-phonefield.js","sourceRoot":"","sources":["../../../src/components/dda-phonefield/dda-phonefield.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\nimport { CountriesList } from '../../assets/countries';\r\n\r\n@Component({\r\n tag: 'dda-phonefield',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaPhoneField {\r\n @Prop() label: string;\r\n @Prop() placeholder: string = 'Enter phone number';\r\n @Prop() helper_text: string;\r\n @Prop() validation_type?: string;\r\n @Prop() error_message: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop() size?: string;\r\n @State() country_code: string = '+971';\r\n @State() country_flag: string = 'https://flagcdn.com/w320/ae.png'; // Default UAE flag\r\n @State() phone_number: string = '';\r\n @State() is_focused: boolean = false;\r\n @State() dropdown_open: boolean = false;\r\n @State() countries: { code: string; flag: 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 @Prop() button_id?: string;\r\n @Prop() button_aria_label: string;\r\n\r\n // componentWillLoad() {\r\n // fetch('/path/to/countries.json')\r\n // .then(response => response.json())\r\n // .then(data => {\r\n // this.countries = data;\r\n // });\r\n // }\r\n\r\n componentWillLoad() {\r\n this.countries = CountriesList;\r\n }\r\n toggleDropdown() {\r\n this.dropdown_open = !this.dropdown_open;\r\n }\r\n\r\n selectCountry(country: { code: string; flag: string }) {\r\n this.country_code = country.code;\r\n this.country_flag = country.flag;\r\n this.dropdown_open = false;\r\n }\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\r\n handlephonenumberChange(event: Event) {\r\n const target = event.target as HTMLInputElement;\r\n const targetvalue = target.value.replace(/[^0-9.]/g, '');\r\n this.phone_number = targetvalue;\r\n }\r\n\r\n render() {\r\n const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.phone_number ? 'dda-input-focus-filled' : '' }`;\r\n return (\r\n <Host>\r\n <div class={`dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}`}>\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-phone-field`}>\r\n <div class=\"dda-input-dropdown-btn\">\r\n <button type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleDropdown()}>\r\n <img src={this.country_flag} alt=\"\" width=\"20\" /> {this.country_code} <i class={`material-icons`}>{this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down'}</i>\r\n </button>\r\n {this.dropdown_open && (\r\n <div class=\"dda-input-dropdown-list\">\r\n {this.countries.map(country => (\r\n <button id={this.button_id} aria-label={this.button_aria_label} type=\"button\" class=\"dda-input-dropdown-item\" onClick={() => this.selectCountry(country)}>\r\n <img src={country.flag} alt=\"\" width=\"20\" /> {country.code}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n <input\r\n id={this.input_id}\r\n aria-label={this.aria_label}\r\n type=\"number\"\r\n class={`dda-field-group-input`}\r\n placeholder={this.placeholder}\r\n inputmode='numeric'\r\n pattern={\"[0-9]*\"}\r\n value={this.phone_number}\r\n onInput={this.handlephonenumberChange.bind(this)}\r\n onFocus={this.handleFocus.bind(this)}\r\n onBlur={this.handleBlur.bind(this)}\r\n disabled={this.disabled}\r\n />\r\n </div>\r\n {this.helper_text && !this.validation_type && <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"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-phonefield.stories.js","sourceRoot":"","sources":["../../../src/components/dda-phonefield/dda-phonefield.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Phone Field',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n label: {\r\n control: 'text',\r\n description: 'Label for the phone field',\r\n },\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder for the phone field',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper text to display below the phone field',\r\n },\r\n error_message: {\r\n control: 'text',\r\n description: 'Error message to display below the phone field',\r\n },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal','error'],\r\n description: 'Validation type of the phone field',\r\n },\r\n disabled: {\r\n control: 'boolean',\r\n description: 'Disable the phone field',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default','small'],\r\n description: 'Size of the phone field',\r\n },\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Custom class for the phone field',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the phone field component',\r\n },\r\n input_id: {\r\n control: {type: 'text'},\r\n description: 'Input id for the phone field',\r\n },\r\n button_id:{ \r\n control: {type: 'text'},\r\n description: 'Button id for the phone field',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the phone field',\r\n },\r\n button_aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the button inside the phone field',\r\n },\r\n onchange: {\r\n control: { type: 'text' },\r\n description: 'onchange event for the phone field',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-phonefield\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-phonefield\r\n label=\"Phone Number\"\r\n placeholder=\"00 000 0000\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n disabled=\"false\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n input_id=\"input\"\r\n button_id=\"button\"\r\n aria_label=\"phone-field\"\r\n button_aria_label=\"phone-button\"\r\n onchange=\"console.log('changed')\"\r\n></dda-phonefield>\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-phonefield ${attributes}></dda-phonefield>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n label: 'Phone Number',\r\n placeholder: '00 000 0000',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n disabled: false,\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'phone-field',\r\n button_aria_label: 'phone-button',\r\n onchange: '',\r\n};\r\n\r\nexport const FocusFilled = Template.bind({});\r\nFocusFilled.args = {\r\n label: 'Phone Number',\r\n placeholder: 'Enter phone number',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n disabled: false,\r\n phone_number: '',\r\n isFocused: true,\r\n custom_class: 'dda-input-focus',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'phone-field',\r\n button_aria_label: 'phone-button',\r\n onchange: '',\r\n};\r\n\r\nexport const Filled = Template.bind({});\r\nFilled.args = {\r\n label: 'Phone Number',\r\n placeholder: 'Enter phone number',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n disabled: false,\r\n phone_number: '56 546 0000',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'phone-field',\r\n button_aria_label: 'phone-button',\r\n onchange: '',\r\n};\r\n\r\nexport const Error = Template.bind({});\r\nError.args = {\r\n label: 'Phone Number',\r\n placeholder: 'Enter phone number',\r\n helper_text: '',\r\n error_message: 'This is an error message',\r\n validation_type: 'error',\r\n disabled: false,\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'phone-field',\r\n button_aria_label: 'phone-button',\r\n onchange: '',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n label: 'Phone Number',\r\n placeholder: 'Enter phone number',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n disabled: true,\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n button_id: 'button',\r\n aria_label: 'phone-field',\r\n button_aria_label: 'phone-button',\r\n onchange: '',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-progressbar.js","sourceRoot":"","sources":["../../../src/components/dda-progressbar/dda-progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;IAL3B;QAMU,aAAQ,GAAW,CAAC,CAAC;QACrB,YAAO,GAAY,KAAK,CAAC;QACzB,qBAAgB,GAAqB,KAAK,CAAC;QAC3C,yBAAoB,GAAY,KAAK,CAAC;KA4B/C;IAxBC,MAAM;QACJ,MAAM,aAAa,GAAG;YACpB,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG;SAC3B,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,8BAA8B,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE;gBAClF,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,4DAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,aAAa,IACjD,IAAI,CAAC,OAAO,IAAI,CACf,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,gBAAgB,EAAE;wBACvD,IAAI,CAAC,QAAQ;4BACV,CACP,CACG,CACF;gBACL,IAAI,CAAC,oBAAoB,IAAI,CAC5B,6DAAM,KAAK,EAAC,qBAAqB;oBAAE,IAAI,CAAC,QAAQ;wBAAS,CAC1D,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-progressbar',\r\n styleUrls: ['dda-progressbar.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaProgressBar {\r\n @Prop() progress: number = 0;\r\n @Prop() tooltip: boolean = false;\r\n @Prop() tooltip_position: 'top' | 'bottom' = 'top';\r\n @Prop() show_percentage_text: boolean = false;\r\n @Prop() custom_class: string;\r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n const progressStyle = {\r\n width: `${this.progress}%`,\r\n };\r\n\r\n return (\r\n <Host>\r\n <div class={`dda-progress-bar-container ${this.custom_class} ${this.component_mode}`}>\r\n <div class=\"dda-progress-bar\">\r\n <div class=\"dda-progress-value\" style={progressStyle}>\r\n {this.tooltip && (\r\n <div class={`dda-tooltip tooltip-${this.tooltip_position}`}>\r\n {this.progress}%\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n {this.show_percentage_text && (\r\n <span class=\"dda-percentage-text\">{this.progress}%</span>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-progressbar.stories.js","sourceRoot":"","sources":["../../../src/components/dda-progressbar/dda-progressbar.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,cAAc;YAC3B,YAAY,EAAE,KAAK;SACpB;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC1B,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,KAAK;SACpB;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,KAAK;SACpB;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,+BAA+B;YAC1D,WAAW,EAAE,6CAA6C;SAC3D;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,oCAAoC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;CAalB;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,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,KAAK;IAC3B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,IAAI;IACb,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,KAAK;IAC3B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n title: 'Components/Progress Bar',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n progress: {\r\n control: 'number',\r\n description: 'Progress value',\r\n defaultValue: 0,\r\n },\r\n tooltip: {\r\n control: 'boolean',\r\n description: 'Show tooltip',\r\n defaultValue: false,\r\n },\r\n tooltip_position: {\r\n control: 'select',\r\n options: ['top', 'bottom'],\r\n description: 'Tooltip position',\r\n defaultValue: 'top',\r\n },\r\n show_percentage_text: {\r\n control: 'boolean',\r\n description: 'Show percentage text',\r\n defaultValue: false,\r\n },\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Custom class for the progress bar component',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the progress bar component',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-progressbar\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-progressbar\r\n progress=\"20\"\r\n tooltip=\"false\"\r\n tooltip_position=\"top\"\r\n show_percentage_text=\"false\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n></dda-progressbar>\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-progressbar ${attributes}></dda-progressbar>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n progress: 20,\r\n tooltip: false,\r\n tooltip_position: 'top',\r\n show_percentage_text: false,\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n progress: 50,\r\n tooltip: true,\r\n tooltip_position: 'top',\r\n show_percentage_text: false,\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const WithPercentageText = Template.bind({});\r\nWithPercentageText.args = {\r\n progress: 75,\r\n tooltip: false,\r\n tooltip_position: 'top',\r\n show_percentage_text: true,\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-radiobutton.js","sourceRoot":"","sources":["../../../src/components/dda-radiobutton/dda-radiobutton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;IAL3B;QAcU,iBAAY,GAAY,EAAE,CAAC;KA6BpC;IAzBC,MAAM;QACJ,MAAM,gBAAgB,GAAG;YACvB,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YACzC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE;YACjD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,gBAAgB;gBAC1B,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG;gBACnH,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ;oBAC3B,6DAAM,KAAK,EAAC,cAAc,GAAQ;oBAClC;wBACE,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAQ;wBACjD,IAAI,CAAC,UAAU,IAAI,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,UAAU,CAAQ,CACzE,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-radiobutton',\r\n styleUrl: 'dda-radiobutton.css',\r\n shadow: false,\r\n})\r\nexport class DdaRadiobutton {\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() radio_status?: string;\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() variants?: string; // e.g., 'sm', 'md', 'lg'\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 radiobuttonClass = [\r\n 'dda-radio-container',\r\n this.size ? `dda-radio-${this.size}` : '',\r\n this.variants ? `dda-radio-${this.variants}` : '',\r\n this.custom_class ? `dda-radio-${this.custom_class}` : '',\r\n this.radio_status ? `dda-radio-${this.radio_status}` : '',\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n \r\n return (\r\n <Host>\r\n <div class={radiobuttonClass}>\r\n <input aria-label={this.aria_label} type=\"radio\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n <label htmlFor={this.input_id}>\r\n <span class=\"radio-circle\"></span>\r\n <p>\r\n <span class=\"radio-title\">{this.title_text}</span>\r\n {this.supporting && <span class=\"radio-supporting\">{this.supporting}</span>}\r\n </p>\r\n </label>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-radiobutton.stories.js","sourceRoot":"","sources":["../../../src/components/dda-radiobutton/dda-radiobutton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Radio Button',\r\n tags: ['autodocs'],\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nTo use the \\`dda-radiobutton\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-radiobutton\r\n title_text=\"Radio Button Title\"\r\n checked=\"false\"\r\n size=\"md\"\r\n variants=\"normal\"\r\n supporting=\"Supporting Text\"\r\n group_name=\"radiogroup\"\r\n input_id=\"testId\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onclick=\"console.log('clicked')\"\r\n></dda-radiobutton>\r\n \\`\\`\\`\r\n`,\r\n },\r\n },\r\n },\r\n argTypes: {\r\n title_text: {\r\n control: 'text',\r\n description: 'Title for the radiobutton',\r\n },\r\n supporting: {\r\n control: 'text',\r\n description: 'Supporting Text',\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 radiobutton',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['sm', 'md', 'lg',],\r\n },\r\n variants: {\r\n control: { type: 'select' },\r\n options: ['normal', 'outlined', 'faded',],\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 radio button component',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the radio button',\r\n radio_status: {\r\n control: { type: 'select' },\r\n options: ['normal','disabled'],\r\n },\r\n onclick:{\r\n control: { type: 'text' },\r\n description: 'event handler for radio 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-radiobutton ${attributes}></dda-radiobutton>`;\r\n};\r\n\r\nexport const DefaultRadio = Template.bind({});\r\nDefaultRadio.args = {\r\n title_text: 'Radio Button Title',\r\n checked: false,\r\n size: 'md',\r\n variants: 'normal',\r\n supporting: 'Supporting Text',\r\n group_name: 'radiogroup',\r\n input_id: 'testId',\r\n custom_class: '',\r\n component_mode: '',\r\n aria_label: 'radio-button',\r\n onclick: '',\r\n};\r\n\r\nexport const CheckedRadio = Template.bind({});\r\nCheckedRadio.args = {\r\n title_text: 'Radio Button Title',\r\n checked: true,\r\n size: 'md',\r\n variants: 'normal',\r\n supporting: 'Supporting Text',\r\n group_name: 'radiogroup',\r\n input_id: 'testId',\r\n custom_class: '',\r\n component_mode: '',\r\n aria_label: 'radio-button',\r\n onclick: '',\r\n\r\n};"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-range-slider.js","sourceRoot":"","sources":["../../../src/components/dda-range-slider/dda-range-slider.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-range-slider',\r\n styleUrl: 'dda-range-slider.css',\r\n shadow: false,\r\n})\r\nexport class DdaRangeSlider {\r\n @Prop() min: number = 0;\r\n @Prop() max: number = 100;\r\n @Prop() step: number = 1;\r\n @Prop() initial_min: number = 0;\r\n @Prop() initial_max: number = 100;\r\n @Prop() size?: string;\r\n @Prop() tooltip_position?: string;\r\n @State() min_value: number;\r\n @State() max_value: number;\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() left_input_id: string;\r\n @Prop() right_input_id: string;\r\n @Prop() left_aria_label?: string;\r\n @Prop() right_aria_label?: string;\r\n\r\n componentWillLoad() {\r\n this.min_value = this.initial_min;\r\n this.max_value = this.initial_max;\r\n }\r\n\r\n handleMinChange(event) {\r\n const value = Number(event.target.value);\r\n if (value <= this.max_value - this.step) {\r\n this.min_value = value;\r\n }\r\n }\r\n\r\n handleMaxChange(event) {\r\n const value = Number(event.target.value);\r\n if (value >= this.min_value + this.step) {\r\n this.max_value = value;\r\n }\r\n }\r\n\r\n getPercentage(value: number) {\r\n return ((value - this.min) / (this.max - this.min)) * 100;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}`}>\r\n <div class=\"dda-range-slider\">\r\n <div class=\"dda-range-slider-track\"\r\n style={{\r\n left: `${this.getPercentage(this.min_value)}%`,\r\n right: `${100 - this.getPercentage(this.max_value)}%`,\r\n }}>\r\n <span class=\"min-label\">{this.min_value}%</span>\r\n <span class=\"max-label\">{this.max_value}%</span>\r\n </div>\r\n <label htmlFor={this.left_input_id}>\r\n <input\r\n id={this.left_input_id}\r\n aria-label={this.left_aria_label}\r\n type=\"range\"\r\n min={this.min}\r\n max={this.max}\r\n step={this.step}\r\n value={this.min_value}\r\n onInput={(event) => this.handleMinChange(event)}\r\n class=\"dda-range-slider-input\"\r\n style={{ zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` }}\r\n />\r\n </label>\r\n <label htmlFor={this.right_input_id}>\r\n <input\r\n id={this.right_input_id}\r\n aria-label={this.right_aria_label}\r\n type=\"range\"\r\n min={this.min}\r\n max={this.max}\r\n step={this.step}\r\n value={this.max_value}\r\n onInput={(event) => this.handleMaxChange(event)}\r\n class=\"dda-range-slider-input\"\r\n style={{ zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` }}\r\n />\r\n </label>\r\n \r\n </div>\r\n \r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-range-slider.stories.js","sourceRoot":"","sources":["../../../src/components/dda-range-slider/dda-range-slider.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Range Slider',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n min: {\r\n control: 'number',\r\n description: 'Minimum value of the range slider',\r\n },\r\n max: {\r\n control: 'number',\r\n description: 'Maximum value of the range slider',\r\n },\r\n step: {\r\n control: 'number',\r\n description: 'Step value of the range slider',\r\n },\r\n initial_min: {\r\n control: 'number',\r\n description: 'Initial minimum value of the range slider',\r\n },\r\n initial_max: {\r\n control: 'number',\r\n description: 'Initial maximum value of the range slider',\r\n },\r\n tooltip_position: {\r\n control: { type: 'select' },\r\n options: ['top','bottom'],\r\n description: 'Tooltip position of the range slider',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the range slider',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the range slider component',\r\n },\r\n left_input_id: {\r\n control: { type: 'text'},\r\n description: 'Input id for the left range slider',\r\n },\r\n right_input_id: {\r\n control: { type: 'text'},\r\n description: 'Input id for the right range slider',\r\n },\r\n left_aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the left input of the range slider',\r\n },\r\n right_aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the right input of the range slider',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-range-slider\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-range-slider\r\n min=\"0\"\r\n max=\"100\"\r\n step=\"1\"\r\n initial_min=\"20\"\r\n initial_max=\"80\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n left_input_id=\"left_input\"\r\n right_input_id=\"right_input\"\r\n left_aria_label=\"minimum-value\"\r\n right_aria_label=\"maximum-value\"\r\n></dda-range-slider>\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-range-slider ${attributes}></dda-range-slider>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n min: 0,\r\n max: 100,\r\n step: 1,\r\n initial_min: 20,\r\n initial_max: 80,\r\n custom_class: '',\r\n component_mode: '',\r\n left_input_id: 'left_input',\r\n right_input_id: 'right_input',\r\n left_aria_label: 'minimum-value',\r\n right_aria_label: 'maximum-value',\r\n};\r\n\r\nexport const TooltipTop = Template.bind({});\r\nTooltipTop.args = {\r\n min: 0,\r\n max: 100,\r\n step: 1,\r\n initial_min: 20,\r\n initial_max: 80,\r\n tooltip_position: 'top',\r\n custom_class: '',\r\n component_mode: '',\r\n left_input_id: 'left_input',\r\n right_input_id: 'right_input',\r\n left_aria_label: 'minimum-value',\r\n right_aria_label: 'maximum-value',\r\n};\r\n\r\nexport const TooltipBottom = Template.bind({});\r\nTooltipBottom.args = {\r\n min: 0,\r\n max: 100,\r\n step: 1,\r\n initial_min: 20,\r\n initial_max: 80,\r\n tooltip_position: 'bottom',\r\n custom_class: '',\r\n component_mode: '',\r\n left_input_id: 'left_input',\r\n right_input_id: 'right_input',\r\n left_aria_label: 'minimum-value',\r\n right_aria_label: 'maximum-value',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-search-input.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,cAAc;IAL3B;QAMU,gBAAW,GAAW,QAAQ,CAAC;QAE/B,SAAI,GAAW,IAAI,CAAC,CAAC,wBAAwB;QAE7C,gBAAW,GAAY,KAAK,CAAC,CAAC,qCAAqC;QAGnE,cAAS,GAAY,KAAK,CAAC,CAAC,sBAAsB;QAClD,iBAAY,GAAY,EAAE,CAAC;KAoCpC;IA5BC,UAAU;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAqB,CAAC;QACnE,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,sCAAsC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;gBACpN,IAAI,CAAC,KAAK,IAAI,8DAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAS;gBAC3F,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,KAAK,EAAC,0BAA0B,aAAW;oBAC9C,4EAAmB,IAAI,CAAC,UAAU,EAAE,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,kCAAkC,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAG;oBACrI,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,6EAAoB,IAAI,CAAC,iBAAiB,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;4BAAE,0DAAG,KAAK,EAAC,gBAAgB,YAAU,CAAS;wBAC9K,IAAI,CAAC,WAAW,IAAI,CACnB,+DAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,8CAA8C,aAAgB,CAC3F,CACG,CACF;gBACL,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, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-search-input',\r\n styleUrls: ['../../global/input.css', '../../global/global.css', '../../global/dda-button.css'],\r\n shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n @Prop() placeholder: string = 'Search';\r\n @Prop() label: string;\r\n @Prop() size: string = 'sm'; // default to small size\r\n @Prop() error_message: string;\r\n @Prop() show_button: boolean = false; // control to show/hide search button\r\n @Prop() helper_text: string;\r\n @Prop() input_status?: string;\r\n @Prop() has_error: boolean = false; // control error state\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 @Prop() button_aria_label?: string;\r\n\r\n @Element() el: HTMLElement;\r\n\r\n clearInput() {\r\n const input = this.el.querySelector('#search') as HTMLInputElement;\r\n if (input) {\r\n input.value = '';\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}>\r\n {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n <div class=\"dda-search-area dda-search-action\">\r\n <i class=\"material-icons icon-left\">search</i>\r\n <input aria-label={this.aria_label} id='search' type=\"text\" class=\"dda-input-field dda-search-field\" placeholder={this.placeholder}/>\r\n <div class=\"dda-search-btngroup\">\r\n <button aria-label={this.button_aria_label} id={this.button_id} type=\"button\" class=\"icon-close\" onClick={() => this.clearInput()}><i class=\"material-icons\">close</i></button>\r\n {this.show_button && (\r\n <button type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\">Search</button>\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\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-search-input.stories.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uCAAuC;SACrD;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;SAC1C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;YAC7B,WAAW,EAAE,0BAA0B;SACxC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uBAAuB;SACrC;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gDAAgD;SAC9D;QACD,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,gCAAgC;SAC9C;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,QAAQ,EAAC,UAAU,CAAC;YAC9B,WAAW,EAAE,4BAA4B;SAC1C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,iCAAiC;SAC/C;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,mCAAmC;SACjD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,0BAA0B;SACxC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAC;YACxB,WAAW,EAAE,SAAS;SACvB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAC;YACxB,WAAW,EAAE,iCAAiC;SAC/C;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,QAAQ,EAAE,iCAAiC;SAC5C;QACD,QAAQ,EAAC;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,qCAAqC;SACnD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;GAoBhB;aACI;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,qBAAqB,UAAU,sBAAsB,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,uBAAuB;IACpC,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,cAAc;IAC1B,iBAAiB,EAAE,cAAc;IACjC,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IAChB,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,uBAAuB;IACpC,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,cAAc;IAC1B,iBAAiB,EAAE,cAAc;IACjC,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,uBAAuB;IACtC,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,cAAc;IAC1B,iBAAiB,EAAE,cAAc;IACjC,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,UAAU;IACxB,WAAW,EAAE,uBAAuB;IACpC,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,cAAc;IAC1B,iBAAiB,EAAE,cAAc;IACjC,QAAQ,EAAE,EAAE;CACb,CAAC","sourcesContent":["export default {\r\n title: 'Components/Search Input',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text for the search field',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the search field',\r\n },\r\n size: {\r\n control: { type: 'select' },\r\n options: ['default', 'small'],\r\n description: 'Size of the search 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 search field',\r\n },\r\n show_button: {\r\n control: 'boolean',\r\n description: 'Show or hide the search button',\r\n },\r\n input_status: {\r\n control: { type: 'select' },\r\n options: ['normal','disabled'],\r\n description: 'Status of the search field',\r\n },\r\n has_error: {\r\n control: 'boolean',\r\n description: 'Error state of the search field',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the search field',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the search field',\r\n },\r\n button_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 search input',\r\n },\r\n button_aria_label: {\r\n control: { type: 'text' },\r\n describe: 'Aria label for the clear button',\r\n },\r\n onchange:{\r\n control: { type: 'text' },\r\n description: 'onchange event for the search field',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-search-input\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-search-input\r\n placeholder=\"Search\"\r\n label=\"Search\"\r\n size=\"default\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n show_button=\"false\"\r\n has_error=\"false\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"button\"\r\n aria_label=\"search-input\"\r\n button_aria_label=\"clear-search\"\r\n onchange=\"console.log('changed')\"\r\n></dda-search-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-search-input ${attributes}></dda-search-input>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n placeholder: 'Search',\r\n label: 'Search',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n show_button: false,\r\n has_error: false,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'search-input',\r\n button_aria_label: 'clear-search',\r\n onchange: '',\r\n};\r\n\r\nexport const WithButton = Template.bind({});\r\nWithButton.args = {\r\n placeholder: 'Search',\r\n label: 'Search',\r\n size: 'default',\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n show_button: true,\r\n has_error: false,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'search-input',\r\n button_aria_label: 'clear-search',\r\n onchange: '',\r\n};\r\n\r\nexport const WithError = Template.bind({});\r\nWithError.args = {\r\n placeholder: 'Search',\r\n label: 'Search',\r\n size: 'default',\r\n error_message: 'Helper or footer text',\r\n show_button: false,\r\n has_error: true,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'search-input',\r\n button_aria_label: 'clear-search',\r\n onchange: '',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n placeholder: 'Search',\r\n label: 'Search',\r\n size: 'default',\r\n input_status: 'disabled',\r\n helper_text: 'Helper or footer text',\r\n show_button: false,\r\n has_error: false,\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'search-input',\r\n button_aria_label: 'clear-search',\r\n onchange: '',\r\n};"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-select.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.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-select',\r\n styleUrls: ['../../global/input.css', '../../global/global.css',],\r\n shadow: false,\r\n})\r\nexport class Ddaselect {\r\n @Prop() label: string;\r\n @Prop() options: string; // Receive options as a string\r\n // @Prop() options: { title: string }[];\r\n @Prop() selected: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop() error?: string;\r\n @Prop() error_message: string;\r\n @Prop() helper_text: string;\r\n @State() is_open: boolean = false;\r\n @Prop() size?: string;\r\n //@Prop() validationtype?: string;\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() aria_label?: string;\r\n @Prop() button_id: string;\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 toggleSelect() {\r\n if (!this.disabled) {\r\n this.is_open = !this.is_open;\r\n }\r\n }\r\n\r\n selectOption(option: string) {\r\n if (!this.disabled) {\r\n this.selected = option;\r\n this.is_open = false;\r\n }\r\n }\r\n\r\n render() {\r\n\r\n \r\n return (\r\n <Host>\r\n <div class={`dda-input-container ${this.custom_class} ${this.component_mode} ${this.disabled ? 'dda-input-disabled' : ''} ${this.is_open ? 'show' : 'hide'} dda-input-size-${this.size} dda-validation-${this.error} `}>\r\n {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n <div class=\"dda-dropdown-container\">\r\n <button aria-label={this.aria_label} id={this.button_id} type=\"button\" class=\"dda-input-field dda-select-header\" onClick={() => {this.toggleSelect()}}>\r\n {this.selected || 'Select an option'}\r\n <i class={`material-icons`}>{this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n </button>\r\n {this.is_open && (\r\n <div class=\"dda-input-dropdown-list dda-select-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_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-select.stories.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Select',\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 select',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the select',\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 selected: {\r\n control: 'text',\r\n description: 'Selected option',\r\n },\r\n disabled: {\r\n control: 'boolean',\r\n description: 'Disable the select',\r\n },\r\n error: {\r\n control: { type: 'select' },\r\n options: ['normal','error'],\r\n description: 'Error state of the select',\r\n },\r\n error_message: {\r\n control: 'text',\r\n description: 'Error message to display',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper or footer text',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the select',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the select component',\r\n },\r\n button_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 select element',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-select\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-select\r\n label=\"Select an option\"\r\n selected=\"Option 1\"\r\n disabled=\"false\"\r\n helper_text=\"Helper or footer text\"\r\n error_message=\"\"\r\n size=\"default\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"button\"\r\n aria_label=\"select\"\r\n options='[\"Option 1\",\"Option 2\",\"Option 3\"]'\r\n></dda-select>\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 !== '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-select ${attributes} ${optionsAttribute}></dda-select>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n label: 'Select an option',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n selected: 'Option 1',\r\n disabled: false,\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n size: 'default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'select',\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n label: 'Select an option',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n selected: 'Option 1',\r\n disabled: false,\r\n helper_text: 'Helper or footer text',\r\n error_message: '',\r\n size: 'small',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'select',\r\n};\r\n\r\nexport const WithError = Template.bind({});\r\nWithError.args = {\r\n label: 'Select an option',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n selected: 'Option 1',\r\n disabled: false,\r\n error: 'error',\r\n error_message: 'This is an error message',\r\n size: 'default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'select',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n label: 'Select an option',\r\n options: ['Option 1', 'Option 2', 'Option 3'],\r\n selected: 'Option 1',\r\n disabled: true,\r\n error_message: 'Helper or footer text',\r\n size: 'default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'select',\r\n};\r\n\r\n\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-sticky-footer.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,eAAe;IAqD1B,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAC,YAAY;YACxB,4DAAK,KAAK,EAAC,gBAAgB;gBAEzB,4DAAK,KAAK,EAAC,iCAAiC;oBAC1C;wBACE,2DAAI,KAAK,EAAC,eAAe;4BACvB,oEAAa,UAAU,EAAE,IAAI,CAAC,oBAAoB,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCAC/E,0DAAG,IAAI,EAAE,IAAI,CAAC,iBAAiB;oCAC7B,4DAAK,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC7D,CACQ,CACX;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACvB,oEAAa,UAAU,EAAE,IAAI,CAAC,wBAAwB,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCACnF,0DAAG,IAAI,EAAE,IAAI,CAAC,qBAAqB;oCACjC,4DAAK,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE,IAAI,CAAC,oBAAoB,GAAI,CACrE,CACQ,CACX;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACvB,oEAAa,UAAU,EAAE,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCAC9E,0DAAG,IAAI,EAAE,IAAI,CAAC,gBAAgB;oCAC5B,4DAAK,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,GAAI;oCAC5D,IAAI,CAAC,gBAAgB,IAAI,+DAAO,IAAI,CAAC,gBAAgB,CAAQ,CAC5D,CACQ,CACX,CACF,CACD;gBAGN,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,2DAAI,KAAK,EAAC,WAAW;wBACnB;4BACE,oEAAa,UAAU,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCAC3E,0DAAG,IAAI,EAAE,IAAI,CAAC,aAAa;oCACzB,4DAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CACrD,CACQ,CACX;wBACL;4BACE,oEAAa,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCAC5E,0DAAG,IAAI,EAAE,IAAI,CAAC,cAAc;oCAC1B,4DAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,GAAI,CACvD,CACQ,CACX;wBACL;4BACE,oEAAa,UAAU,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCAC3E,0DAAG,IAAI,EAAE,IAAI,CAAC,aAAa;oCACzB,4DAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CACrD,CACQ,CACX,CACF,CACD;gBAGN,4DAAK,KAAK,EAAC,kCAAkC;oBAC3C;wBACE,2DAAI,KAAK,EAAC,WAAW;4BACnB,wEACE,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAE,IAAI,CAAC,kBAAkB,EACnC,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAC7B,IAAI,EAAC,IAAI,IAER,IAAI,CAAC,kBAAkB,CACR,CACf;wBACL,2DAAI,KAAK,EAAC,WAAW;4BACnB,wEACE,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,IAAI,EAAC,IAAI,IAER,IAAI,CAAC,cAAc,CACJ,CACf;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACvB,oEAAa,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCACxE,0DAAG,IAAI,EAAE,IAAI,CAAC,UAAU;oCACtB,4DAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI,CAC/C,CACQ,CACX;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACvB,oEAAa,UAAU,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,EAAC,EAAE,EAAC,QAAQ,EAAC,KAAK;gCAC1E,0DAAG,IAAI,EAAE,IAAI,CAAC,YAAY;oCACxB,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,GAAI,CACnD,CACQ,CACX,CACF,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-sticky-footer',\r\n styleUrl: 'dda-sticky-footer.css',\r\n shadow: true,\r\n})\r\nexport class DdaStickyFooter {\r\n /** Left Section Props */\r\n @Prop() happinessIconHref: string;\r\n @Prop() happinessIconSrc: string;\r\n @Prop() happinessIconAlt: string;\r\n @Prop() happinessIconTooltip: string;\r\n\r\n @Prop() accessibilityIconHref: string;\r\n @Prop() accessibilityIconSrc: string;\r\n @Prop() accessibilityIconAlt: string;\r\n @Prop() accessibilityIconTooltip: string;\r\n\r\n @Prop() servicesIconHref: string;\r\n @Prop() servicesIconSrc: string;\r\n @Prop() servicesIconAlt: string;\r\n @Prop() servicesIconTooltip: string;\r\n @Prop() servicesIconText: string;\r\n\r\n /** Middle Section Props */\r\n @Prop() firstLogoHref: string;\r\n @Prop() firstLogoSrc: string;\r\n @Prop() firstLogoAlt: string;\r\n @Prop() firstLogoTooltip: string;\r\n\r\n @Prop() secondLogoHref: string;\r\n @Prop() secondLogoSrc: string;\r\n @Prop() secondLogoAlt: string;\r\n @Prop() secondLogoTooltip: string;\r\n\r\n @Prop() thirdLogoHref: string;\r\n @Prop() thirdLogoSrc: string;\r\n @Prop() thirdLogoAlt: string;\r\n @Prop() thirdLogoTooltip: string;\r\n\r\n /** Right Section Props */\r\n @Prop() locationButtonHref: string;\r\n @Prop() locationButtonText: string;\r\n @Prop() locationButtonIcon: string;\r\n\r\n @Prop() newsButtonHref: string;\r\n @Prop() newsButtonText: string;\r\n @Prop() newsButtonIcon: string;\r\n\r\n @Prop() aiIconHref: string;\r\n @Prop() aiIconSrc: string;\r\n @Prop() aiIconAlt: string;\r\n @Prop() aiIconTooltip: string;\r\n\r\n @Prop() chatIconHref: string;\r\n @Prop() chatIconSrc: string;\r\n @Prop() chatIconAlt: string;\r\n @Prop() chatIconTooltip: string;\r\n\r\n render() {\r\n return (\r\n <footer class=\"dda-footer\">\r\n <div class=\"footer-content\">\r\n {/* Left Section */}\r\n <div class=\"dda-footer-item dda-footer-left\">\r\n <ul>\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.happinessIconHref}>\r\n <img src={this.happinessIconSrc} alt={this.happinessIconAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.accessibilityIconHref}>\r\n <img src={this.accessibilityIconSrc} alt={this.accessibilityIconAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.servicesIconHref}>\r\n <img src={this.servicesIconSrc} alt={this.servicesIconAlt} />\r\n {this.servicesIconText && <span>{this.servicesIconText}</span>}\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n {/* Middle Section */}\r\n <div class=\"dda-footer-item dda-footer-middle\">\r\n <ul class=\"foot-logo\">\r\n <li>\r\n <dda-tooltip title_text={this.firstLogoTooltip} description=\"\" position=\"top\">\r\n <a href={this.firstLogoHref}>\r\n <img src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n <li>\r\n <dda-tooltip title_text={this.secondLogoTooltip} description=\"\" position=\"top\">\r\n <a href={this.secondLogoHref}>\r\n <img src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n <li>\r\n <dda-tooltip title_text={this.thirdLogoTooltip} description=\"\" position=\"top\">\r\n <a href={this.thirdLogoHref}>\r\n <img src={this.thirdLogoSrc} alt={this.thirdLogoAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n {/* Right Section */}\r\n <div class=\"dda-footer-item dda-footer-right\">\r\n <ul>\r\n <li class=\"foot-menu\">\r\n <dda-link-button\r\n button_color=\"onsurface-link\"\r\n start_icon={this.locationButtonIcon}\r\n href={this.locationButtonHref}\r\n size=\"sm\"\r\n >\r\n {this.locationButtonText}\r\n </dda-link-button>\r\n </li>\r\n <li class=\"foot-menu\">\r\n <dda-link-button\r\n button_color=\"onsurface-link\"\r\n start_icon={this.newsButtonIcon}\r\n href={this.newsButtonHref}\r\n size=\"sm\"\r\n >\r\n {this.newsButtonText}\r\n </dda-link-button>\r\n </li>\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.aiIconHref}>\r\n <img src={this.aiIconSrc} alt={this.aiIconAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.chatIconHref}>\r\n <img src={this.chatIconSrc} alt={this.chatIconAlt} />\r\n </a>\r\n </dda-tooltip>\r\n </li>\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-sticky-footer/dda-sticky-footer.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-sticky-footer.stories.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import digital_logo from \"../../../public_images/digital-logo.svg\"\r\nimport digital_ai from \"../../../public_images/DubaiAI.svg\"\r\nimport accessibility_icon from \"../../../public_images/icn-complaints.svg\"\r\nimport happy_icon from \"../../../public_images/icn-happy.svg\"\r\nimport chat_icn from \"../../../public_images/icn-chat_bubble_outline.svg\"\r\nimport grid_view from \"../../../public_images/icn-grid-view.svg\"\r\n\r\n\r\nexport default {\r\n title: 'Components/Sticky Footer',\r\n tags: ['autodocs'],\r\n component: 'dda-sticky-footer',\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: 'Sticky footer with configurable props.',\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = args => `\r\n <dda-sticky-footer\r\n happiness-icon-href=\"${args.happinessIconHref}\"\r\n happiness-icon-src=\"${args.happinessIconSrc}\"\r\n happiness-icon-alt=\"${args.happinessIconAlt}\"\r\n happiness-icon-tooltip=\"${args.happinessIconTooltip}\"\r\n\r\n accessibility-icon-href=\"${args.accessibilityIconHref}\"\r\n accessibility-icon-src=\"${args.accessibilityIconSrc}\"\r\n accessibility-icon-alt=\"${args.accessibilityIconAlt}\"\r\n accessibility-icon-tooltip=\"${args.accessibilityIconTooltip}\"\r\n\r\n services-icon-href=\"${args.servicesIconHref}\"\r\n services-icon-src=\"${args.servicesIconSrc}\"\r\n services-icon-alt=\"${args.servicesIconAlt}\"\r\n services-icon-tooltip=\"${args.servicesIconTooltip}\"\r\n services-icon-text=\"${args.servicesIconText}\"\r\n\r\n first-logo-href=\"${args.firstLogoHref}\"\r\n first-logo-src=\"${args.firstLogoSrc}\"\r\n first-logo-alt=\"${args.firstLogoAlt}\"\r\n first-logo-tooltip=\"${args.firstLogoTooltip}\"\r\n\r\n second-logo-href=\"${args.secondLogoHref}\"\r\n second-logo-src=\"${args.secondLogoSrc}\"\r\n second-logo-alt=\"${args.secondLogoAlt}\"\r\n second-logo-tooltip=\"${args.secondLogoTooltip}\"\r\n\r\n third-logo-href=\"${args.thirdLogoHref}\"\r\n third-logo-src=\"${args.thirdLogoSrc}\"\r\n third-logo-alt=\"${args.thirdLogoAlt}\"\r\n third-logo-tooltip=\"${args.thirdLogoTooltip}\"\r\n\r\n location-button-href=\"${args.locationButtonHref}\"\r\n location-button-text=\"${args.locationButtonText}\"\r\n location-button-icon=\"${args.locationButtonIcon}\"\r\n\r\n\r\n news-button-href=\"${args.newsButtonHref}\"\r\n news-button-text=\"${args.newsButtonText}\"\r\n news-button-icon=\"${args.newsButtonIcon}\"\r\n\r\n\r\n ai-icon-href=\"${args.aiIconHref}\"\r\n ai-icon-src=\"${args.aiIconSrc}\"\r\n ai-icon-alt=\"${args.aiIconAlt}\"\r\n ai-icon-tooltip=\"${args.aiIconTooltip}\"\r\n\r\n chat-icon-href=\"${args.chatIconHref}\"\r\n chat-icon-src=\"${args.chatIconSrc}\"\r\n chat-icon-alt=\"${args.chatIconAlt}\"\r\n chat-icon-tooltip=\"${args.chatIconTooltip}\"\r\n ></dda-sticky-footer>\r\n`;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n happinessIconHref: '#',\r\n happinessIconSrc: happy_icon,\r\n happinessIconAlt: 'Happiness',\r\n happinessIconTooltip: 'Happiness',\r\n\r\n accessibilityIconHref: '#',\r\n accessibilityIconSrc: accessibility_icon,\r\n accessibilityIconAlt: 'Suggestions and complaints',\r\n accessibilityIconTooltip: 'Suggestions & complaints',\r\n\r\n servicesIconHref: '#',\r\n servicesIconSrc: grid_view,\r\n servicesIconAlt: 'Services',\r\n servicesIconTooltip: 'Services',\r\n servicesIconText: 'Services',\r\n\r\n firstLogoHref: '#',\r\n firstLogoSrc: digital_logo,\r\n firstLogoAlt: 'Logo 1',\r\n firstLogoTooltip: 'Logo 1',\r\n\r\n secondLogoHref: '#',\r\n secondLogoSrc: digital_logo,\r\n secondLogoAlt: 'Logo 1',\r\n secondLogoTooltip: 'Logo 1',\r\n\r\n thirdLogoHref: '#',\r\n thirdLogoSrc: digital_logo,\r\n thirdLogoAlt: 'Logo 3',\r\n thirdLogoTooltip: 'Logo 3',\r\n\r\n locationButtonHref: '#',\r\n locationButtonText: 'Location',\r\n locationButtonIcon: '',\r\n\r\n newsButtonHref: '#',\r\n newsButtonText: 'News',\r\n newsButtonIcon: '',\r\n\r\n aiIconHref: '#',\r\n aiIconSrc: digital_ai,\r\n aiIconAlt: 'Digital AI',\r\n aiIconTooltip: 'Digital AI',\r\n\r\n chatIconHref: '#',\r\n chatIconSrc: chat_icn,\r\n chatIconAlt: 'Online Chat',\r\n chatIconTooltip: 'Online Chat',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-tabs.js","sourceRoot":"","sources":["../../../src/components/dda-tabs/dda-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOhE,MAAM,OAAO,OAAO;IALpB;QAMU,SAAI,GAAyB,MAAM,CAAC,CAAC,uBAAuB;QAC5D,gBAAW,GAA0F,iBAAiB,CAAC,CAAC,0CAA0C;QAClK,kBAAa,GAAY,KAAK,CAAC,CAAC,8BAA8B;QAC9D,iBAAY,GAAY,EAAE,CAAC;QAK1B,eAAU,GAAW,CAAC,CAAC;QAEhC,SAAI,GAAG;YACL,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE;YAC/C,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE;YAC/C,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE;SAChD,CAAC;KAuBH;IArBC,YAAY,CAAC,KAAa;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,sBAAsB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAC7F,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,cAAQ,EAAE,EAAE,IAAI,CAAC,SAAS,gBAAc,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,QAAQ,EACpE,KAAK,EAAE,iBAAiB,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACnE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;gBAEtC,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,SAAG,KAAK,EAAE,gBAAgB,IAAG,GAAG,CAAC,IAAI,CAAK;gBACxE,gBAAO,GAAG,CAAC,KAAK,CAAQ,CACjB,CACV,CAAC,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-tabs',\r\n styleUrls: ['dda-tabs.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTabs {\r\n @Prop() type: 'text' | 'text-icon' = 'text'; // Default to text type\r\n @Prop() hover_style: 'dda-tab-default' | 'dda-tab-filed' | 'dda-tab-underline' |'dda-tab-underline-filled' = 'dda-tab-default'; // Default to light background hover style\r\n @Prop() border_bottom: boolean = false; // Default to no border-bottom\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() active_tab: number = 0;\r\n\r\n tabs = [\r\n { title: 'Tab 1', icon: 'sentiment_satisfied' },\r\n { title: 'Tab 2', icon: 'sentiment_satisfied' },\r\n { title: 'Tab 3', icon: 'sentiment_satisfied' },\r\n ];\r\n\r\n setActiveTab(index: number) {\r\n this.active_tab = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode}`}>\r\n {this.tabs.map((tab, index) => (\r\n <button id={this.button_id} aria-label={this.aria_label} type=\"button\"\r\n class={`dda-tab-item ${this.active_tab === index ? 'active' : ''}`}\r\n onClick={() => this.setActiveTab(index)}\r\n >\r\n {this.type === 'text-icon' && <i class={`material-icons`}>{tab.icon}</i>}\r\n <span>{tab.title}</span>\r\n </button>\r\n ))}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-tabs.stories.js","sourceRoot":"","sources":["../../../src/components/dda-tabs/dda-tabs.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;YAC9B,WAAW,EAAE,kBAAkB;SAChC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,EAAE,0BAA0B,CAAC;YAC9F,WAAW,EAAE,yBAAyB;SACvC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,2BAA2B;SACzC;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,4BAA4B;SAC1C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,SAAS;SACvB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,mCAAmC;SACjD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;GAahB;aACI;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,aAAa,UAAU,cAAc,CAAC;AAC/C,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,iBAAiB;IAC9B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,MAAM;CACnB,CAAC;AAGF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,iBAAiB;IAC9B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,MAAM;CACnB,CAAC","sourcesContent":["export default {\r\n title: 'Components/Tabs',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n type: {\r\n control: { type: 'select' },\r\n options: ['text', 'text-icon'],\r\n description: 'Type of the tabs',\r\n },\r\n hover_style: {\r\n control: { type: 'select' },\r\n options: ['dda-tab-default', 'dda-tab-filed', 'dda-tab-underline', 'dda-tab-underline-filled'],\r\n description: 'Hover style of the tabs',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the tabs',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the tabs component',\r\n },\r\n button_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 tabs component',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-tabs\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n <dda-tabs\r\n type=\"text\"\r\n hover_style=\"dda-tab-default\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n button_id=\"button\"\r\n aria_label=\"tabs\"\r\n ></dda-tabs>\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-tabs ${attributes}></dda-tabs>`;\r\n};\r\n\r\n\r\nexport const TextTabs = Template.bind({});\r\nTextTabs.args = {\r\n type: 'text',\r\n hover_style: 'dda-tab-default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'tabs',\r\n};\r\n\r\n\r\nexport const TextIconTabs = Template.bind({});\r\nTextIconTabs.args = {\r\n type: 'text-icon',\r\n hover_style: 'dda-tab-default',\r\n custom_class: '',\r\n component_mode: '',\r\n button_id: 'button',\r\n aria_label: 'tabs',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-textarea.js","sourceRoot":"","sources":["../../../src/components/dda-textarea/dda-textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, State } from '@stencil/core';\r\nimport Quill from 'quill';\r\nimport 'quill/dist/quill.snow.css';\r\n\r\n@Component({\r\n tag: 'dda-textarea',\r\n styleUrls: ['../../global/global.css', '../../global/input.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTextarea {\r\n @Prop() placeholder: string;\r\n @Prop() label: string;\r\n @Prop() value: string = '';\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() input_status?: string; // Custom prop for different textarea types\r\n @Prop() helper_text?: string;\r\n @Prop() custom_class?: string;\r\n @Prop() enable_rich_editor?: boolean; // Prop to enable rich text editor\r\n @Prop() max_characters: number;\r\n @Prop() component_mode?: string; \r\n @Prop() input_id: string;\r\n @Prop() aria_label?: string;\r\n\r\n @Element() el: HTMLElement;\r\n\r\n @State() characterCount: number = 0; // State to track the character count\r\n\r\n private quill: Quill;\r\n\r\n componentDidLoad() {\r\n if (this.enable_rich_editor) {\r\n const editor = this.el.querySelector('#editor') as HTMLElement;\r\n this.quill = new Quill(editor, {\r\n modules: {\r\n toolbar: [\r\n ['bold', 'italic', 'underline', 'strike'], // toggled buttons\r\n ['blockquote', 'code-block'],\r\n \r\n [{ 'list': 'ordered'}, { 'list': 'bullet' }],\r\n [{ 'script': 'sub'}, { 'script': 'super' }], // superscript/subscript\r\n [{ 'indent': '-1'}, { 'indent': '+1' }], // outdent/indent\r\n [{ 'direction': 'rtl' }], // text direction\r\n \r\n [{ 'header': [1, 2, 3, 4, 5, 6, false] }],\r\n \r\n [{ 'color': [] }, { 'background': [] }], // dropdown with defaults from theme\r\n [{ 'font': [] }],\r\n [{ 'align': [] }],\r\n \r\n ['clean'], // remove formatting button\r\n \r\n ['link', 'image', 'video'] // link and image, video\r\n ],\r\n },\r\n theme: 'snow',\r\n placeholder: this.placeholder,\r\n });\r\n\r\n this.quill.on('text-change', () => {\r\n this.value = this.quill.root.innerHTML;\r\n this.characterCount = this.quill.getText().length - 1; // Update character count\r\n });\r\n }\r\n }\r\n\r\n handleInput(event) {\r\n if (!this.enable_rich_editor) {\r\n this.value = event.target.value;\r\n this.characterCount = event.target.value.length; // Update character count\r\n }\r\n }\r\n\r\n render() {\r\n const textareaClass = [\r\n 'dda-input-container dda-richtext-editor',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.input_status ? `dda-input-${this.input_status}` : '',\r\n this.custom_class, this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={textareaClass}>\r\n {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n {this.enable_rich_editor ? (\r\n <div id=\"editor\" class=\"dda-richeditor-field\"></div>\r\n ) : (\r\n <textarea\r\n id={this.input_id}\r\n aria-label={this.aria_label}\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-textarea\"\r\n maxLength={this.max_characters}\r\n ></textarea>\r\n )}\r\n {this.helper_text && (\r\n <div class=\"dda-helper-text\">\r\n <span class=\"dda-flex dda-align-center dda-gap-2\"><i class=\"material-icons\">info</i> {this.helper_text}</span>\r\n <span class=\"dda-letter-count\">{this.characterCount} / {this.max_characters}</span>\r\n </div>\r\n )}\r\n {this.error_message && (\r\n <div class=\"dda-error-message\">\r\n <span class=\"dda-flex dda-align-center dda-gap-2\"><i class=\"material-icons\">info</i> {this.error_message}</span>\r\n <span class=\"dda-letter-count\">{this.characterCount} / {this.max_characters}</span>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-textarea.stories.js","sourceRoot":"","sources":["../../../src/components/dda-textarea/dda-textarea.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Textarea',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n placeholder: {\r\n control: 'text',\r\n description: 'Placeholder text for the textarea field',\r\n },\r\n label: {\r\n control: 'text',\r\n description: 'Label for the textarea field',\r\n },\r\n max_characters: {\r\n control: 'number',\r\n description: 'Maximum number of characters allowed in the textarea field',\r\n },\r\n value: {\r\n control: 'text',\r\n description: 'Value of the textarea field',\r\n },\r\n error_message: {\r\n control: 'text',\r\n description: 'Error message displayed below the textarea field',\r\n },\r\n validation_type: {\r\n control: { type: 'select' },\r\n options: ['normal', 'error'],\r\n description: 'Validation type of the textarea field',\r\n },\r\n input_status: {\r\n control: { type: 'select' },\r\n options: ['normal', 'disabled'],\r\n description: 'Status of the textarea field',\r\n },\r\n helper_text: {\r\n control: 'text',\r\n description: 'Helper or footer text',\r\n },\r\n custom_class: {\r\n control: { type: 'text' }, // Add control for custom class\r\n description: 'Custom class for the textarea field',\r\n },\r\n enable_rich_editor: {\r\n control: { type: 'boolean' },\r\n description: 'Enable rich text editor',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the textarea 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 textarea field'\r\n },\r\n onchange: {\r\n control: { type: 'text' },\r\n description: 'onchange event for the textarea field',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-textarea\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-textarea\r\n placeholder=\"Enter description\"\r\n label=\"Description\"\r\n max_characters=\"200\"\r\n value=\"\"\r\n helper_text=\"This is a helper text\"\r\n error_message=\"\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n input_id=\"input\"\r\n aria_label=\"textarea\"\r\n onchange=\"console.log('changed')\"\r\n></dda-textarea>\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-textarea ${attributes}></dda-textarea>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n placeholder: 'Enter description',\r\n label: 'Description',\r\n max_characters: 200,\r\n value: '',\r\n helper_text: 'This is a helper text',\r\n error_message: '',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'textarea',\r\n onchange: '',\r\n};\r\n\r\nexport const WithErrorMessage = Template.bind({});\r\nWithErrorMessage.args = {\r\n placeholder: 'Enter description',\r\n label: 'Description',\r\n max_characters: 200,\r\n value: '',\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: 'textarea',\r\n onchange: '',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n placeholder: 'Enter description',\r\n label: 'Description',\r\n max_characters: 200,\r\n value: '',\r\n input_status: 'disabled',\r\n helper_text: 'This is a helper text',\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'textarea',\r\n onchange: '',\r\n};\r\nexport const RichEditorEnabled = Template.bind({});\r\nRichEditorEnabled.args = {\r\n placeholder: 'Enter rich text',\r\n label: 'Rich Text Editor',\r\n max_characters: 200,\r\n value: '',\r\n helper_text: 'This is a helper text',\r\n enable_rich_editor: true,\r\n custom_class: '',\r\n component_mode: '',\r\n input_id: 'input',\r\n aria_label: 'textarea',\r\n onchange: '',\r\n};\r\n\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-toggle.js","sourceRoot":"","sources":["../../../src/components/dda-toggle/dda-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;IALtB;QAUU,iBAAY,GAAY,EAAE,CAAC;KA2BpC;IArBC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,gBAAgB;YAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YAC1C,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,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ;gBAC/C,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;gBACpH,6DAAM,KAAK,EAAC,QAAQ,GAAQ;gBAC5B;oBACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B;oBACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACA,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-toggle',\r\n styleUrls: ['../../global/global.css', 'dda-toggle.css'],\r\n shadow: false,\r\n})\r\nexport class DdaToggle {\r\n @Prop() checked: boolean;\r\n // @Prop() labelOn: string = 'On';\r\n //@Prop() labelOff: string = 'Off';\r\n @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n @Prop() custom_class?: string = '';\r\n @Prop() group_name?: string;\r\n @Prop() input_id?: string;\r\n @Prop() component_mode?: string; \r\n @Prop() aria_label: string;\r\n\r\n render() {\r\n const toggleClass = [\r\n 'dda-toggle-btn',\r\n this.size ? `dda-toggle-${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 <label class={toggleClass} htmlFor={this.input_id}>\r\n <input aria-label={this.aria_label} type=\"checkbox\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n <span class=\"toggle\"></span> \r\n <p>\r\n <span class=\"toggle-title\">Radio Button Title</span>\r\n <span class=\"toggle-supporting\">Supporting Text</span>\r\n </p>\r\n </label>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-toggle.stories.js","sourceRoot":"","sources":["../../../src/components/dda-toggle/dda-toggle.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/Toggle',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n size: {\r\n control: { type: 'select' },\r\n options: ['sm', 'md', 'lg'],\r\n },\r\n checked: {\r\n control: 'boolean',\r\n description: 'Checked state of the toggle',\r\n },\r\n label_on: {\r\n control: 'text',\r\n description: 'Label for the \"On\" state',\r\n },\r\n label_off: {\r\n control: 'text',\r\n description: 'Label for the \"Off\" state',\r\n },\r\n group_name: {\r\n control: 'text',\r\n description: 'default',\r\n },\r\n label_for: {\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 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 toggle component',\r\n },\r\n aria_label: {\r\n control: { type: 'text' },\r\n description: 'Aria label for the toggle component',\r\n },\r\n onchange: {\r\n control: { type: 'text' },\r\n description: 'onchange event for the toggle component',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-toggle\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-toggle\r\n checked=\"false\"\r\n label_on=\"On\"\r\n label_off=\"Off\"\r\n size=\"md\"\r\n group_name=\"togglegroup1\"\r\n input_id=\"testId\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"toggle\"\r\n onchange=\"console.log('changed')\"\r\n></dda-toggle>\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-toggle ${attributes}></dda-toggle>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n checked: false,\r\n label_on: 'On',\r\n label_off: 'Off',\r\n size: 'md',\r\n group_name: 'togglegroup1',\r\n input_id: 'testId',\r\n custom_class: '',\r\n component_mode: '',\r\n aria_label: 'toggle',\r\n onchange: '',\r\n};\r\n\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n checked: true,\r\n label_on: 'On',\r\n label_off: 'Off',\r\n size: 'md',\r\n group_name: 'togglegroup1',\r\n input_id: 'testId',\r\n custom_class: '',\r\n component_mode: '',\r\n on_toggled: () => void(0),\r\n aria_label: 'toggle',\r\n onchange: '',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-tooltip.js","sourceRoot":"","sources":["../../../src/components/dda-tooltip/dda-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,UAAU;IALvB;QAQU,aAAQ,GAAwC,KAAK,CAAC,CAAC,0BAA0B;QACjF,iBAAY,GAAY,EAAE,CAAC;KAgBpC;IAbC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,yBAAyB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE;gBAC7E,8DAAa;gBACb,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,QAAQ,EAAE;oBAC5C,iEAAS,IAAI,CAAC,UAAU,CAAU;oBAClC,4DAAI,IAAI,CAAC,WAAW,CAAK,CACrB,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-tooltip',\r\n styleUrls: ['../../global/global.css', 'dda-tooltip.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n @Prop() title_text: string;\r\n @Prop() description: string;\r\n @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'top'; // Default to top position\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n <slot></slot>\r\n <div class={`dda-tooltip-box ${this.position}`}>\r\n <strong>{this.title_text}</strong>\r\n <p>{this.description}</p>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/dda-tooltip/dda-tooltip.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sBAAsB;SACpC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;SAC1C;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;YAC3C,WAAW,EAAE,yBAAyB;SACvC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,8BAA8B;SAC5C;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,qBAAqB;SACnC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;GAchB;aACI;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,gBAAgB,UAAU;;yBAEV,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrC,GAAG,CAAC,IAAI,GAAG;IACT,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,gCAAgC;IAC7C,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACZ,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,gCAAgC;IAC7C,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,gCAAgC;IAC7C,QAAQ,EAAE,MAAM;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,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,gCAAgC;IAC7C,QAAQ,EAAE,OAAO;IACjB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n title: 'Components/Tooltip',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n title_text: {\r\n control: 'text',\r\n description: 'Title of the tooltip',\r\n },\r\n description: {\r\n control: 'text',\r\n description: 'Description of the tooltip',\r\n },\r\n position: {\r\n control: { type: 'select' },\r\n options: ['top', 'bottom', 'left', 'right'],\r\n description: 'Position of the tooltip',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class for the tooltip',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the tooltip',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-tooltip\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-tooltip\r\n title_text=\"Tooltip\"\r\n description=\"This is a tooltip description.\"\r\n position=\"top\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n >\r\n <button>Hover me</button>\r\n</dda-tooltip>\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-tooltip ${attributes}>\r\n <button>Hover me</button>\r\n </dda-tooltip>`;\r\n};\r\n\r\nexport const Top = Template.bind({});\r\nTop.args = {\r\n title_text: 'Tooltip',\r\n description: 'This is a tooltip description.',\r\n position: 'top',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const Bottom = Template.bind({});\r\nBottom.args = {\r\n title_text: 'Tooltip',\r\n description: 'This is a tooltip description.',\r\n position: 'bottom',\r\n component_mode: '',\r\n};\r\n\r\nexport const Left = Template.bind({});\r\nLeft.args = {\r\n title_text: 'Tooltip',\r\n description: 'This is a tooltip description.',\r\n position: 'left',\r\n component_mode: '',\r\n};\r\n\r\nexport const Right = Template.bind({});\r\nRight.args = {\r\n title_text: 'Tooltip',\r\n description: 'This is a tooltip description.',\r\n position: 'right',\r\n component_mode: '',\r\n};"]}

package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-segmented-tabs.js","sourceRoot":"","sources":["../../../../src/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,gBAAgB;IAL7B;QAWU,gBAAW,GAAa,EAAE,CAAC;KAiBpC;IAfC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc,EAAE,IAC9F,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC5B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YACrB,cAAQ,KAAK,EAAC,oBAAoB;gBAAC,SAAG,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAK,CAAS,CAAC,CAAC;YAClF,cAAQ,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAU,CACrD,CAAC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-segmented-tabs',\r\n styleUrls: ['../../../global/global.css', 'dda-segmented-tabs.css'],\r\n shadow: false,\r\n})\r\nexport class DdaSegmentedTabs {\r\n @Prop() items: string;\r\n @Prop() radius_type: string;\r\n @Prop() custom_class: string;\r\n @Prop() component_mode?: string; \r\n\r\n private parsedItems: string[] = [];\r\n\r\n componentWillLoad() {\r\n this.parsedItems = JSON.parse(this.items);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}`}>\r\n {this.parsedItems.map(item => (\r\n item.startsWith('fo') ? \r\n <button class=\"dda-segmented-item\"><i class=\"material-icons\">{item}</i></button> :\r\n <button class=\"dda-segmented-item\">{item}</button>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dda-segmented-tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,OAAO,EAAE,8CAA8C;YAChE,WAAW,EAAE,sCAAsC;SACpD;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;YAC9B,WAAW,EAAE,2CAA2C;SACzD;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,kBAAkB;SAChC;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,6BAA6B;SAC3C;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;GAWhB;aACI;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,OAAO,CAAC;SAChE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,+BAA+B;IAE9E,OAAO,uBAAuB,UAAU,WAAW,UAAU,yBAAyB,CAAC;AACzF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC;IACjC,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,KAAK,EAAE,CAAC,mBAAmB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;IACzE,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n title: 'Components/Segments/Segmented Tabs',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n items: {\r\n control: 'array', // Changed to 'array' to handle array of items\r\n description: 'List of items (either text or icons)',\r\n },\r\n radius_type: {\r\n control: { type: 'select' },\r\n options: ['rounded', 'square'],\r\n description: 'Type of border radius (rounded or square)',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom CSS class',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the segmented group',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-segmented-tabs\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-segmented-tabs\r\n radius_type=\"square\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n items='[\"All\",\"Recent\",\"Saved\"]'\r\n></dda-segmented-tabs>\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 !== 'items')\r\n .map(([key, value]) => `${key}=\"${value}\"`)\r\n .join(' ');\r\n\r\n const itemsArray = JSON.stringify(args.items); // Convert array to JSON string\r\n\r\n return `<dda-segmented-tabs ${attributes} items='${itemsArray}'></dda-segmented-tabs>`;\r\n};\r\n\r\nexport const TextItems = Template.bind({});\r\nTextItems.args = {\r\n items: ['All', 'Recent', 'Saved'],\r\n radius_type: 'square',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n\r\nexport const IconItems = Template.bind({});\r\nIconItems.args = {\r\n items: ['format_align_left', 'format_align_center', 'format_align_right'],\r\n radius_type: 'square',\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-horizontal-stepper.js","sourceRoot":"","sources":["../../../../src/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,OAAO,oBAAoB;IALjC;QAOU,iBAAY,GAAW,CAAC,CAAC;QAGxB,gBAAW,GAA+D,EAAE,CAAC;KA0BvF;IAxBC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,sBAAsB,IAC1E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,WAAK,KAAK,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,CAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;gBAClH,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,WAAK,KAAK,EAAC,QAAQ,GAAO,CACtB;gBACN,WAAK,KAAK,EAAC,gBAAgB;oBACzB,WAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAO;oBAC5C,WAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAO;oBAClD,WAAK,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAO,CACpD,CACF,CACP,CAAC,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-horizontal-stepper',\r\n styleUrls: ['dda-horizontal-stepper.css', '../../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHorizontalStepper {\r\n @Prop() steps: string; // JSON string of steps\r\n @Prop() current_step: number = 1;\r\n @Prop() custom_class?: string; \r\n @Prop() component_mode?: string; \r\n @State() parsedSteps: { title: string, subtitle: string, description: string }[] = [];\r\n\r\n componentWillLoad() {\r\n this.parsedSteps = JSON.parse(this.steps);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`${this.custom_class} ${this.component_mode} h-stepper-container`}>\r\n {this.parsedSteps.map((step, index) => (\r\n <div class={`h-step ${index === this.current_step ? 'active' : ''} ${index < this.current_step ? 'completed' : ''}`}>\r\n <div class=\"h-step-indicator\">\r\n <div class=\"circle\"></div>\r\n </div>\r\n <div class=\"h-step-content\">\r\n <div class=\"h-step-title\">{step.title}</div>\r\n <div class=\"h-step-subtitle\">{step.subtitle}</div>\r\n <div class=\"h-step-description\">{step.description}</div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-horizontal-stepper.stories.js","sourceRoot":"","sources":["../../../../src/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,eAAe;IACX,KAAK,EAAE,uCAAuC;IAC9C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,8CAA8C;SAC5D;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,2BAA2B;SACzC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,wCAAwC;SACtD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,gCAAgC;SAC9C;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;GAWlB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;cAElE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;qBACd,YAAY;qBACZ,YAAY;uBACV,cAAc;;;GAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,4EAA4E,EAAE;QACtI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,4EAA4E,EAAE;QACtI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,4EAA4E,EAAE;KACvI;IACD,YAAY,EAAE,CAAC;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["import { html } from 'lit-html';\r\n\r\nexport default {\r\n title: 'Components/Stepper/Horizontal Stepper',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n steps: {\r\n control: 'object',\r\n description: 'Steps for the stepper as an array of objects',\r\n },\r\n current_step: {\r\n control: 'number',\r\n description: 'Current active step index',\r\n },\r\n custom_class: {\r\n control: { type: 'text' },\r\n description: 'Custom class of the horizontal stepper',\r\n },\r\n component_mode: {\r\n control: { type: 'check' },\r\n options: ['light-mode'],\r\n description: 'Mode of the horizontal stepper',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-horizontal-stepper\\` component, pass the following props:\r\n \r\n \\`\\`\\`html\r\n<dda-horizontal-stepper\r\n steps='[{\"title\":\"Step 1\",\"subtitle\":\"Subtitle 1\",\"description\":\"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\"},{\"title\":\"Step 2\",\"subtitle\":\"Subtitle 2\",\"description\":\"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\"},{\"title\":\"Step 3\",\"subtitle\":\"Subtitle 3\",\"description\":\"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\"}]'\r\n current_step=\"1\"\r\n custom_class=''\r\n mode='light'\r\n></dda-horizontal-stepper>\r\n \\`\\`\\`\r\n `,\r\n },\r\n },\r\n }, \r\n };\r\n \r\n const Template = ({steps, current_step, custom_class, component_mode}) => html`\r\n <dda-horizontal-stepper\r\n steps=${JSON.stringify(steps)}\r\n current_step=${current_step}\r\n custom_class=${custom_class}\r\n component_mode=${component_mode}\r\n >\r\n </dda-horizontal-stepper>\r\n `;\r\n \r\n export const Default = Template.bind({});\r\n Default.args = {\r\n steps: [\r\n { title: 'Step 1', subtitle: 'Subtitle 1', description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' },\r\n { title: 'Step 2', subtitle: 'Subtitle 2', description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' },\r\n { title: 'Step 3', subtitle: 'Subtitle 3', description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' },\r\n ],\r\n current_step: 1,\r\n custom_class: '',\r\n component_mode: ''\r\n };\r\n "]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-vertical-stepper.js","sourceRoot":"","sources":["../../../../src/components/stepper/dda-vertical-stepper/dda-vertical-stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,OAAO,kBAAkB;IAL/B;QAOU,iBAAY,GAAW,CAAC,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE1B,gBAAW,GAA6E,EAAE,CAAC;KAgCrG;IA9BC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,sBAAsB,IAC1E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,WAAK,KAAK,EAAE,UAAU,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;gBAChE,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,WAAK,KAAK,EAAC,MAAM;wBACf,SAAG,KAAK,EAAE,gBAAgB,IAAG,IAAI,CAAC,IAAI,CAAK,CACvC,CAEF;gBACN,WAAK,KAAK,EAAC,gBAAgB;oBACzB,WAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAO;oBAC5C,WAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAO;oBAClD,WAAK,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAO,CACpD;gBACN,WAAK,KAAK,EAAC,cAAc;oBACvB,SAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACvC,CACF,CACP,CAAC,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-vertical-stepper',\r\n styleUrl: 'dda-vertical-stepper.css',\r\n shadow: false,\r\n})\r\nexport class DdaVerticalStepper {\r\n @Prop() steps: string; // JSON string of steps\r\n @Prop() current_Step: number = 0;\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @State() parsedSteps: { icon: string, title: string, subtitle: string, description: string }[] = [];\r\n\r\n componentWillLoad() {\r\n this.parsedSteps = JSON.parse(this.steps);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`${this.custom_class} ${this.component_mode} v-stepper-container`}>\r\n {this.parsedSteps.map((step, index) => (\r\n <div class={`v-step ${index <= this.current_Step ? 'active' : ''}`}>\r\n <div class=\"v-step-indicator\">\r\n <div class=\"icon\">\r\n <i class={`material-icons`}>{step.icon}</i>\r\n </div>\r\n {/* {index < this.parsedSteps.length - 1 && <div class=\"line\"></div>} */}\r\n </div>\r\n <div class=\"v-step-content\">\r\n <div class=\"v-step-title\">{step.title}</div>\r\n <div class=\"v-step-subtitle\">{step.subtitle}</div>\r\n <div class=\"v-step-description\">{step.description}</div>\r\n </div>\r\n <div class=\"v-step-arrow\">\r\n <i class=\"material-icons\">chevron_right</i>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"dda-vertical-stepper.stories.js","sourceRoot":"","sources":["../../../../src/components/stepper/dda-vertical-stepper/dda-vertical-stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,eAAe;IACb,KAAK,EAAE,qCAAqC;IAC5C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,8CAA8C;SAC5D;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,2BAA2B;SACzC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,8BAA8B;SAC5C;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;GAWhB;aACI;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;UAEpE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;iBACd,YAAY;iBACZ,YAAY;mBACV,cAAc;;;CAGhC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE;QACtG,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE;QACtG,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE;KACvG;IACD,YAAY,EAAE,CAAC;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["import { html } from 'lit-html';\r\n\r\nexport default {\r\n title: 'Components/Stepper/Vertical Stepper',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n steps: {\r\n control: 'object',\r\n description: 'Steps for the stepper as an array of objects',\r\n },\r\n current_step: {\r\n control: 'number',\r\n description: 'Current active step index',\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 vertical stepper',\r\n }\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\n To use the \\`dda-vertical-stepper\\` component, pass the following props:\r\n\r\n \\`\\`\\`html\r\n<dda-vertical-stepper\r\n steps='[{\"icon\":\"sentiment_satisfied\",\"title\":\"Step 1\",\"subtitle\":\"Subtitle 1\",\"description\":\"Description 1\"},{\"icon\":\"sentiment_satisfied\",\"title\":\"Step 2\",\"subtitle\":\"Subtitle 2\",\"description\":\"Description 2\"},{\"icon\":\"sentiment_satisfied\",\"title\":\"Step 3\",\"subtitle\":\"Subtitle 3\",\"description\":\"Description 3\"}]'\r\n current_step=\"1\"\r\n custom_class='\"\"'\r\n mode='\"light\"'\r\n></dda-vertical-stepper>\r\n \\`\\`\\`\r\n `,\r\n },\r\n },\r\n }, \r\n};\r\n\r\nconst Template = ({steps, current_step, custom_class, component_mode}) => html`\r\n<dda-vertical-stepper\r\n steps=${JSON.stringify(steps)}\r\n current_step=${current_step}\r\n custom_class=${custom_class}\r\n component_mode=${component_mode}\r\n>\r\n</dda-vertical-stepper>\r\n`;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n steps: [\r\n { icon: 'sentiment_satisfied', title: 'Step 1', subtitle: 'Subtitle 1', description: 'Description 1' },\r\n { icon: 'sentiment_satisfied', title: 'Step 2', subtitle: 'Subtitle 2', description: 'Description 2' },\r\n { icon: 'sentiment_satisfied', title: 'Step 3', subtitle: 'Subtitle 3', description: 'Description 3' },\r\n ],\r\n current_step: 1,\r\n custom_class: '',\r\n component_mode: '',\r\n};\r\n"]}

package/dist/collection/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport { applyTheme } from './utils/applyTheme';\nexport type * from './components.d.ts';\n"]}

package/dist/collection/utils/utils.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}

package/dist/components/dda-accordion.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dda-accordion.js","mappings":";;AAAA,MAAM,eAAe,GAAG,q9CAAq9C,CAAC;AAC9+C,2BAAe,eAAe;;ACD9B,MAAM,SAAS,GAAG,y6uDAAy6uD,CAAC;AAC57uD,2BAAe,SAAS;;MCMXA,cAAY;IALzB;;;QAMU,WAAM,GAA8B,WAAW,CAAC;QAChD,gBAAW,GAAW,kBAAkB,CAAC;QACzC,qBAAgB,GAAW,qCAAqC,CAAC;QACjE,iBAAY,GAAY,EAAE,CAAC;QAG1B,WAAM,GAAY,KAAK,CAAC;KA0BlC;IAxBC,eAAe;QACb,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC5B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAC1F,4DAAK,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,IACjE,4DAAK,KAAK,EAAC,gBAAgB,IACzB,0DAAG,KAAK,EAAC,gBAAgB,WAAS,EAClC,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC/C,EACN,0DAAG,KAAK,EAAE,2BAA2B,IAAG,IAAI,CAAC,MAAM,GAAG,mBAAmB,GAAG,qBAAqB,CAAK,CAClG,EACL,IAAI,CAAC,MAAM,KACV,4DAAK,KAAK,EAAC,gBAAgB,IACzB,0DAAG,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,gBAAgB,CAAK,CACnD,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaAccordion"],"sources":["src/components/dda-accordion/dda-accordion.css?tag=dda-accordion","src/global/global.css?tag=dda-accordion","src/components/dda-accordion/dda-accordion.tsx"],"sourcesContent":[".accordion-container{\r\n display: grid;\r\n gap: 20px;\r\n}\r\n.accordion-container.bg-border {\r\n background-color: var(--dda-surface-100);\r\n border: 1px solid var(--dda-surface-90);\r\n border-radius: 5px;\r\n padding: 16px 20px;\r\n}\r\n.light-mode.accordion-container.bg-border{\r\n background-color: var(--dda-neutral-100);\r\n border: 1px solid var(--dda-neutral-90);\r\n}\r\n.accordion-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n.accordion-header .header-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.header-content i,\r\n.header-content svg{\r\n font-size: 25px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .header-content i,\r\n.light-mode .header-content svg{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.header-content svg path{\r\n fill: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .header-content svg path{\r\n fill: var(--dda-neutral-variant-30);\r\n}\r\n.accordion-header .header-text {\r\n font-size: var(--dda-fs-title-sm);\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .accordion-header .header-text{\r\n color: var(--dda-neutral-0);\r\n}\r\n.accordion-header .arrow-icon {\r\n font-size: 25px;\r\n color: var(--dda-on-surface-variant-30);\r\n transition: transform 0.2s ease-in-out;\r\n}\r\n.light-mode .accordion-header .arrow-icon{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.accordion-header.active .arrow-icon{\r\n transform: rotate(180deg);\r\n}\r\n.accordion-body {\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .accordion-body{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.accordion-body .body-description {\r\n margin: 0;\r\n}\r\n.accordion-container.no-border {\r\n border: 1px solid transparent;\r\n gap: 12px\r\n}\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n font-family: \"Dubai\", Helvetica, sans-serif;\r\n font-size: var(--dda-fs-body-lg);\r\n font-weight: var(--dda-fw-400);\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0);\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n","import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-accordion',\r\n styleUrls: ['dda-accordion.css', '../../global/global.css',],\r\n shadow: false,\r\n})\r\nexport class DdaAccordion {\r\n @Prop() design: 'bg-border' | 'no-border' = 'bg-border'; // Default to background and border design\r\n @Prop() header_text: string = 'Accordion Header'; // Default header text\r\n @Prop() body_description: string = 'This is the accordion body content.'; // Default body description\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n @State() isOpen: boolean = false;\r\n\r\n toggleAccordion() {\r\n this.isOpen = !this.isOpen;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`accordion-container ${this.design} ${this.custom_class} ${this.component_mode}`}>\r\n <div class=\"accordion-header\" onClick={() => this.toggleAccordion()}>\r\n <div class=\"header-content\">\r\n <i class=\"material-icons\">info</i>\r\n <span class=\"header-text\">{this.header_text}</span>\r\n </div>\r\n <i class={`material-icons arrow-icon`}>{this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n </div>\r\n {this.isOpen && (\r\n <div class=\"accordion-body\">\r\n <p class=\"body-description\">{this.body_description}</p>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}