npm - @dubai-design-system/components-js - Versions diffs - 3.12.10 → 3.12.11 - Mend

@dubai-design-system/components-js 3.12.10 → 3.12.11

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

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":"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","sourcesContent":["import { Component, Prop, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-sticky-footer',\r\n styleUrls: ['dda-sticky-footer.css'],\r\n shadow: false,\r\n})\r\nexport class DdaStickyFooter {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() colorTheme?: string = 'light';\r\n @Prop() happinessIconHref?: string;\r\n @Prop() happinessIconId?: string;\r\n @Prop() happinessIconSrc: string;\r\n @Prop() happinessIconSrcDark: string;\r\n @Prop() happinessIconAlt: string;\r\n @Prop() happinessIconTooltip: string;\r\n\r\n @Prop() accessibilityIconHref: string;\r\n @Prop() accessibilityIconId: string;\r\n @Prop() accessibilityIconSrc: string;\r\n @Prop() accessibilityIconSrcDark: string;\r\n @Prop() accessibilityIconAlt: string;\r\n @Prop() accessibilityIconTooltip: string;\r\n\r\n @Prop() servicesIconHref: string;\r\n @Prop() servicesIconId: string;\r\n @Prop() servicesIconSrc: string;\r\n @Prop() servicesIconSrcDark: string;\r\n @Prop() servicesIconAlt: string;\r\n @Prop() servicesIconTooltip: string;\r\n @Prop() servicesIconText: string;\r\n\r\n @Prop() hideMiddleSection: boolean = false;\r\n @Prop() middleLink: string;\r\n @Prop() rightLink: string;\r\n\r\n @Prop() aiIconHref: string;\r\n @Prop() aiIconId: string;\r\n @Prop() aiIconSrc: string;\r\n @Prop() aiIconSrcDark: string;\r\n @Prop() aiIconAlt: string;\r\n @Prop() aiIconTooltip: string;\r\n\r\n @Prop() dubaiaeIconHref: string;\r\n @Prop() dubaiaeIconId: string;\r\n @Prop() dubaiaeIconSrc: string;\r\n @Prop() dubaiaeIconSrcDark: string;\r\n @Prop() dubaiaeIconSmallSrc: string;\r\n @Prop() dubaiaeIconAlt: string;\r\n @Prop() dubaiaeIconTooltip: string;\r\n\r\n @Prop() chatIconHref: string;\r\n @Prop() chatIconId: string;\r\n @Prop() chatIconSrc: string;\r\n @Prop() chatIconSrcDark: string;\r\n @Prop() chatIconAlt: string;\r\n @Prop() chatIconTooltip: string;\r\n\r\n @Prop() moreIconFamily: string;\r\n @Prop() moreIcon: string;\r\n\r\n @State() isHidden: boolean = false;\r\n private lastScrollY: number = 0;\r\n\r\n componentWillLoad() {\r\n this.handleScroll = this.handleScroll.bind(this);\r\n }\r\n\r\n componentDidLoad() {\r\n window.addEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n private toggleFooterIcons = () => {\r\n const iconList = this.el.querySelector('.foot-right_links') as HTMLElement;\r\n const items = iconList?.querySelectorAll('li') || [];\r\n\r\n if (iconList) {\r\n const isShown = iconList.classList.contains('show-dda-icon');\r\n\r\n if (!isShown) {\r\n iconList.classList.add('show-dda-icon');\r\n items.forEach((item, index) => {\r\n (item as HTMLElement).style.transitionDelay = `${index * 100}ms`;\r\n });\r\n } else {\r\n items.forEach(item => {\r\n (item as HTMLElement).style.transitionDelay = '0ms';\r\n });\r\n iconList.classList.remove('show-dda-icon');\r\n }\r\n }\r\n };\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n handleScroll() {\r\n const currentScrollY = window.scrollY;\r\n this.isHidden = currentScrollY > this.lastScrollY;\r\n this.lastScrollY = currentScrollY;\r\n }\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n\r\n happinessIconClick() {\r\n console.log('happoness icon click');\r\n }\r\n\r\n accessibilityIconClick() {\r\n console.log('Suggestion icon click');\r\n }\r\n\r\n servicesIconClick() {\r\n console.log('Services icon click');\r\n }\r\n\r\n chatIconClick() {\r\n console.log('chat icon click');\r\n }\r\n\r\n aiIconClick() {\r\n console.log('ai icon click');\r\n }\r\n\r\n dubaiAEClick() {\r\n console.log('dubai.ae icon click');\r\n }\r\n\r\n middleItemClick(item) {\r\n console.log('middle link item clicked:', item);\r\n }\r\n\r\n rightItemClick(item) {\r\n console.log('right link item clicked:', item);\r\n }\r\n\r\n render() {\r\n const footmiddlesection = this.parseJsonArray(this.middleLink);\r\n const footrightsection = this.parseJsonArray(this.rightLink);\r\n\r\n return (\r\n <div class={{ 'dda-footer': true, 'hidden': this.isHidden }}>\r\n <div class=\"footer-content\">\r\n <div class=\"dda-footer-item dda-footer-left\">\r\n <ul>\r\n {this.happinessIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.happinessIconHref} id={this.happinessIconId} onClick={this.happinessIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark} alt={this.happinessIconAlt} />\r\n <span class=\"visually-hidden\">{this.happinessIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.accessibilityIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.accessibilityIconHref} id={this.accessibilityIconId} onClick={this.accessibilityIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark} alt={this.accessibilityIconAlt} />\r\n <span class=\"visually-hidden\">{this.accessibilityIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.servicesIconText && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.servicesIconHref} id={this.servicesIconId} onClick={this.servicesIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark} alt={this.servicesIconAlt} />\r\n <span>{this.servicesIconText}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n\r\n {!this.hideMiddleSection && (\r\n <div class=\"dda-footer-item dda-footer-middle\">\r\n <ul class=\"foot-logo\">\r\n {footmiddlesection.map((middleItem, index) => (\r\n <li key={index}>\r\n <dda-tooltip title_text={middleItem.LogoTooltip} description=\"\" position=\"top\">\r\n <a href={middleItem.href} onClick={() => this.middleItemClick(middleItem)}>\r\n <img src={this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark} alt={middleItem.alt} />\r\n <span class=\"visually-hidden\">{middleItem.LogoTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n )}\r\n\r\n <div class=\"dda-footer-item dda-footer-right\">\r\n <ul class=\"foot-right_links\">\r\n {footrightsection.map((rightItem, index) => (\r\n <li class=\"foot-icon-btn\" key={index}>\r\n <dda-tooltip title_text={rightItem.RightLinkTooltip} description=\"\" position=\"top\">\r\n <a\r\n href={rightItem.href}\r\n title={rightItem.title}\r\n aria-label={`${rightItem.IconName} ${rightItem.LinkText}`}\r\n id={rightItem.itemId}\r\n onClick={() => this.rightItemClick(rightItem)}\r\n >\r\n <i class={rightItem.IconFamily}>{rightItem.IconName}</i>\r\n <span>{rightItem.LinkText}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n ))}\r\n\r\n {this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.dubaiaeIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.dubaiaeIconHref} onClick={this.dubaiAEClick} id={this.dubaiaeIconId}>\r\n <img class=\"dubaiae-text-icon\" src={this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark} alt={`${this.dubaiaeIconAlt} icon desktop`} />\r\n <img class=\"dubaiae-small-icon\" src={this.dubaiaeIconSmallSrc} alt={`${this.dubaiaeIconAlt} icon mobile`} />\r\n <span class=\"visually-hidden\">{this.dubaiaeIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.aiIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.aiIconHref} onClick={this.aiIconClick} id={this.aiIconId}>\r\n <img src={this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark} alt={this.aiIconAlt} />\r\n <span class=\"visually-hidden\">{this.aiIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.chatIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.chatIconHref} onClick={this.chatIconClick} id={this.chatIconId}>\r\n <img src={this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark} alt={this.chatIconAlt} />\r\n <span class=\"visually-hidden\">{this.chatIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n </ul>\r\n <button type=\"button\" class=\"show-right-icon\" onClick={this.toggleFooterIcons}>\r\n <i class={this.moreIconFamily}>{this.moreIcon}</i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\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\nimport dubai_ae from \"../../../public_images/DubaiAE.svg\"\r\nimport dubai_ae_icon from \"../../../public_images/DdiabiAE-icon.svg\"\r\n\r\nexport default {\r\n title: 'Components/Sticky Footer',\r\n tags: ['autodocs'],\r\n argTypes: {\r\n hideMiddleSection: {\r\n control: { type: 'boolean' },\r\n description: 'Hides the middle section of the footer',\r\n },\r\n onclick:{\r\n control: { type: 'text' },\r\n description: 'event handler for button',\r\n },\r\n },\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-id=\"${args.happinessIconId}\"\r\n happiness-icon-src=\"${args.happinessIconSrc}\"\r\n happiness-icon-alt=\"${args.happinessIconAlt}\"\r\n happiness-icon-tooltip=\"${args.happinessIconTooltip}\"\r\n happiness-icon-click=\"${args.happinessIconClick}\"\r\n\r\n accessibility-icon-href=\"${args.accessibilityIconHref}\"\r\n accessibility-icon-Id=\"${args.accessibilityIconId}\"\r\n accessibility-icon-src=\"${args.accessibilityIconSrc}\"\r\n accessibility-icon-alt=\"${args.accessibilityIconAlt}\"\r\n accessibility-icon-tooltip=\"${args.accessibilityIconTooltip}\"\r\n accessibility-icon-click=\"${args.accessibilityIconClick}\"\r\n\r\n services-icon-href=\"${args.servicesIconHref}\"\r\n services-icon-Id=\"${args.servicesIconId}\"\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 services-icon-click=\"${args.servicesIconClick}\"\r\n\r\n hide-middle-section=\"${args.hideMiddleSection}\"\r\n middle-link='${JSON.stringify(args.middleLink)}'\r\n\r\n right-link='${JSON.stringify(args.rightLink)}'\r\n\r\n dubaiae-icon-href=\"${args.dubaiaeIconHref}\"\r\n dubaiae-icon-Id=\"${args.dubaiaeIconId}\"\r\n dubaiae-icon-src=\"${args.dubaiaeIconSrc}\"\r\n dubaiae-icon-small-src=\"${args.dubaiaeIconSmallSrc}\"\r\n dubaiae-icon-alt=\"${args.dubaiaeIconAlt}\"\r\n dubaiae-icon-tooltip=\"${args.dubaiaeIconTooltip}\"\r\n dubaiae-icon-on-click=\"${args.dubaiaeIconOnClick}\"\r\n\r\n ai-icon-href=\"${args.aiIconHref}\"\r\n ai-icon-Id=\"${args.aiIconId}\"\r\n ai-icon-src=\"${args.aiIconSrc}\"\r\n ai-icon-alt=\"${args.aiIconAlt}\"\r\n ai-icon-tooltip=\"${args.aiIconTooltip}\"\r\n ai-icon-on-click=\"${args.aiIconOnClick}\"\r\n\r\n chat-icon-href=\"${args.chatIconHref}\"\r\n chat-icon-Id=\"${args.chatIconId}\"\r\n chat-icon-src=\"${args.chatIconSrc}\"\r\n chat-icon-alt=\"${args.chatIconAlt}\"\r\n chat-icon-tooltip=\"${args.chatIconTooltip}\"\r\n chat-icon-on-click=\"${args.chatIconClick}\"\r\n\r\n more-icon-family=\"${args.moreIconFamily}\"\r\n more-icon=\"${args.moreIcon}\"\r\n \r\n ></dda-sticky-footer>\r\n`;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n happinessIconHref: 'javascript:void(0)',\r\n happinessIconId: 'Happiness',\r\n happinessIconSrc: happy_icon,\r\n happinessIconAlt: 'Happiness',\r\n happinessIconTooltip: 'Happiness',\r\n happinessIconClick: \"console.log('Happiness icon clicked')\",\r\n\r\n accessibilityIconHref: 'javascript:void(0)',\r\n accessibilityIconId: 'uggestionsComplaints',\r\n accessibilityIconSrc: accessibility_icon,\r\n accessibilityIconAlt: 'Suggestions and complaints',\r\n accessibilityIconTooltip: 'Suggestions & complaints',\r\n accessibilityIconClick: \"console.log('Suggestion AE icon clicked')\",\r\n\r\n servicesIconHref: 'javascript:void(0)',\r\n servicesIconId: 'footerServices',\r\n servicesIconSrc: grid_view,\r\n servicesIconAlt: 'Services',\r\n servicesIconTooltip: 'Services',\r\n servicesIconText: 'Services',\r\n servicesIconClick: \"console.log('Services icon clicked')\",\r\n\r\n hideMiddleSection: false,\r\n \r\n middleLink: [\r\n { LogoTooltip: \"Middlelink\", href: \"javascript:void(0)\", src: digital_logo, alt: \"DDA\" },\r\n { LogoTooltip: \"Middlelink\", href: \"javascript:void(0)\", src: digital_logo, alt: \"DDA\" },\r\n { LogoTooltip: \"Middlelink\", href: \"javascript:void(0)\", src: digital_logo, alt: \"DDA\" },\r\n ],\r\n\r\n rightLink: [\r\n { RightLinkTooltip: \"Survey\", href: \"javascript:void(0)\", title: \"Survey\", itemId: \"itemID\", ariaLabel: \"Survey\", LinkText: \"Survey\", IconFamily: \"material-icons\", IconName:\"poll\" },\r\n { RightLinkTooltip: \"Locations\", href: \"javascript:void(0)\", title: \"Locations\", itemId: \"itemID\", ariaLabel: \"Locations\", LinkText: \"Locations\", IconFamily: \"material-icons\", IconName:\"location_on\" },\r\n { RightLinkTooltip: \"News Room\", href: \"javascript:void(0)\", title: \"News Room\", itemId: \"itemID\", ariaLabel: \"News Room\", LinkText: \"News Room\", IconFamily: \"material-icons\", IconName:\"feed\" },\r\n { RightLinkTooltip: \"Contact Us\", href: \"javascript:void(0)\", title: \"Contact Us\", itemId: \"itemID\", ariaLabel: \"Contact Us\", LinkText: \"Contact Us\", IconFamily: \"material-icons\", IconName:\"mail\" },\r\n ],\r\n\r\n dubaiaeIconHref: 'javascript:void(0)',\r\n dubaiaeIconId: 'dubaiAEID',\r\n dubaiaeIconSrc: dubai_ae,\r\n dubaiaeIconSmallSrc: dubai_ae_icon,\r\n dubaiaeIconAlt: 'dubai-ae',\r\n dubaiaeIconTooltip: 'dubai.ae',\r\n dubaiaeIconOnClick: \"console.log('Dubai AE icon clicked')\",\r\n\r\n aiIconHref: 'javascript:void(0)',\r\n aiIconId: 'aiIconID',\r\n aiIconSrc: digital_ai,\r\n aiIconAlt: 'Digital AI',\r\n aiIconTooltip: 'Digital AI',\r\n aiIconOnClick: \"console.log('AI icon clicked')\",\r\n\r\n chatIconHref: 'javascript:void(0)',\r\n chatIconId: 'chatID',\r\n chatIconSrc: chat_icn,\r\n chatIconAlt: 'Online Chat',\r\n chatIconTooltip: 'Online Chat',\r\n chatIconOnClick: \"console.log('Chat icon clicked')\",\r\n moreIconFamily: 'material-icons',\r\n moreIcon: 'more_horiz',\r\n chatIconClick: \"console.log('Chat Icon clicked')\",\r\n\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,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOrF,MAAM,OAAO,OAAO;IALpB;QAMU,SAAI,GAAyB,MAAM,CAAC;QACpC,gBAAW,GAA2F,iBAAiB,CAAC;QACxH,kBAAa,GAAY,KAAK,CAAC;QAC/B,iBAAY,GAAY,EAAE,CAAC;QAE3B,eAAU,GAAW,yCAAyC,CAAC,CAAC,kCAAkC;QAElG,cAAS,GAAW,6BAA6B,CAAC,CAAC,sBAAsB;QACzE,cAAS,GAAW,uEAAuE,CAAC;QAE5F,aAAQ,GAA8C,oBAAoB,CAAC;QAG3E,kBAAa,GAAW,cAAc,CAAC;QAE/C,oCAAoC;QACpC,+BAA+B;QAC/B,KAAK;QAEI,eAAU,GAAW,CAAC,CAAC;KA8EjC;IA5EC,IAAI,kBAAkB;QACpB,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACxC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;YACrD,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iCAAiC;QACtE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;YACjD,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB;QAC5D,CAAC;IACH,CAAC;IAED,IAAI,WAAW;QACb,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iCAAiC;QACtE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;YAChD,OAAO,CAAC,qBAAqB,EAAE,qBAAqB,EAAE,qBAAqB,CAAC,CAAC,CAAC,sBAAsB;QACtG,CAAC;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;YAClD,OAAO,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,8BAA8B;IAC9B,MAAM;IACN,IAAI;IACJ,YAAY,CAAC,KAAa;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,IAAI,EAAC,SAAS,gBAAY,gBAAgB,EAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,EAAE,IACzJ,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,cACE,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG,CAAC,EAAE,EACzD,IAAI,EAAE,IAAI,CAAC,WAAW,gBACV,KAAK,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,EAC3C,KAAK,EAAE,gBAAgB,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAClE,IAAI,EAAC,KAAK,mBACK,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC5C,WAAW,KAAK,GAAG,CAAC,EAAE,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;gBAEtC,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,CAC5B,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAC3C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAC5B,CACL;gBACD,gBAAO,KAAK,CAAQ,CACb,CACV,CAAC,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-tabs',\r\n styleUrls: ['dda-tabs.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTabs {\r\n @Prop() type: 'text' | 'text-icon' = 'text';\r\n @Prop() hover_style: 'dda-tab-default' | 'dda-tab-filed' | 'dda-tab-underline' | 'dda-tab-underline-filled' = 'dda-tab-default';\r\n @Prop() border_bottom: boolean = false;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() button_ids: string = '[\"tab-btn-1\", \"tab-btn-2\", \"tab-btn-3\"]'; // New prop for dynamic button IDs\r\n @Prop() tab_value: string;\r\n @Prop() tab_texts: string = '[\"Tab 1\", \"Tab 2\", \"Tab 3\"]'; // Keep it as a string\r\n @Prop() tab_icons: string = '[\"sentiment_satisfied\", \"sentiment_satisfied\", \"sentiment_satisfied\"]';\r\n @Prop() button_name: string;\r\n @Prop() tab_type: 'dda-horizontal-tab' | 'dda-vertical-tab' = 'dda-horizontal-tab';\r\n @Event() tabClick: EventEmitter<number>;\r\n\r\n @Prop() button_values: string = '[\"\", \"\", \"\"]';\r\n\r\n // private tabhandler = (index) => {\r\n // this.tabClick.emit(index);\r\n // };\r\n\r\n @State() active_tab: number = 0;\r\n\r\n get parsedButtonValues() {\r\n try {\r\n return JSON.parse(this.button_values);\r\n } catch (error) {\r\n console.error('Error parsing button_values:', error);\r\n return ['', '', ''];\r\n }\r\n }\r\n\r\n get parsedTabs() {\r\n try {\r\n return JSON.parse(this.tab_texts); // Parse the string into an array\r\n } catch (error) {\r\n console.error('Error parsing tab_texts:', error);\r\n return ['Tab 1', 'Tab 2', 'Tab 3']; // Fallback to default\r\n }\r\n }\r\n\r\n get parsedIcons() {\r\n try {\r\n return JSON.parse(this.tab_icons); // Parse the string into an array\r\n } catch (error) {\r\n console.error('Error parsing tabicons:', error);\r\n return ['sentiment_satisfied', 'sentiment_satisfied', 'sentiment_satisfied']; // Fallback to default\r\n }\r\n }\r\n\r\n get parsedButtonIds() {\r\n try {\r\n return JSON.parse(this.button_ids);\r\n } catch (error) {\r\n console.error('Error parsing button_ids:', error);\r\n return ['tab-btn-1', 'tab-btn-2', 'tab-btn-3'];\r\n }\r\n }\r\n\r\n // setActiveTab(index: number) {\r\n // this.active_tab = index;\r\n // if (this.tabClick) {\r\n // this.tabhandler(index);\r\n // }\r\n // }\r\n setActiveTab(index: number) {\r\n this.active_tab = index;\r\n this.tabClick.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div role=\"tablist\" aria-label=\"Tab Navigation\" class={`dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}`}>\r\n {this.parsedTabs.map((title, index) => (\r\n <button\r\n id={this.parsedButtonIds[index] || `tab-btn-${index + 1}`}\r\n name={this.button_name}\r\n aria-label={title}\r\n type=\"button\"\r\n value={this.parsedButtonValues[index] || ''}\r\n class={`dda-tab-item ${this.active_tab === index ? 'active' : ''}`}\r\n role=\"tab\"\r\n aria-selected={this.active_tab === index ? 'true' : 'false'}\r\n aria-controls={`tab-btn-${index + 1}`}\r\n onClick={() => this.setActiveTab(index)}\r\n >\r\n {this.type === 'text-icon' && (\r\n <i class={`material-icons`} aria-hidden=\"true\">\r\n {this.parsedIcons[index] || ''}\r\n </i>\r\n )}\r\n <span>{title}</span>\r\n </button>\r\n ))}\r\n </div>\r\n </Host>\r\n );\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":"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","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_ids: {\r\n control: { type: 'array' },\r\n description: 'Array of Button IDs for accessibility',\r\n },\r\n button_values: {\r\n control: { type: 'array' },\r\n description: 'Array of values for each tab button',\r\n },\r\n\r\n tab_texts: {\r\n control: { type: 'array' },\r\n description: 'Array of tab labels',\r\n },\r\n tab_type: {\r\n control: { type: 'select' },\r\n options: ['dda-horizontal-tab', 'dda-vertical-tab'],\r\n },\r\n onTabClick: {\r\n action: 'tab-clicked',\r\n description: 'Callback function when a tab is clicked',\r\n },\r\n button_name: { \r\n control: { type: 'text' },\r\n description: 'Button name for the tabs',\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_ids='[\"tab-btn-1\", \"tab-btn-2\", \"tab-btn-3\"]'\r\n tab_texts='[\"Tab 1\", \"Tab 2\", \"Tab 3\"]'\r\n tab_type='dda-horizontal-tab'\r\n onTabClick=\"handleTabClick\"\r\n button_name=\"button\"\r\n ></dda-tabs>\r\n\r\n <script>\r\n function handleTabClick(index) {\r\n console.log('Clicked Tab:', index);\r\n }\r\n </script>\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]) =>\r\n Array.isArray(value) ? `${key}='${JSON.stringify(value)}'` : `${key}=\"${value}\"`\r\n )\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_ids: ['tab-btn-1', 'tab-btn-2', 'tab-btn-3'],\r\n button_values: [\"val-1\", \"val-2\", \"val-3\"],\r\n tab_texts: ['Tab 1', 'Tab 2', 'Tab 3'],\r\n tab_type: 'dda-horizontal-tab',\r\n button_name: 'button',\r\n onTabClick: (index) => alert(`Tab ${index + 1} clicked!`), // Example event\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_ids: ['tab-btn-1', 'tab-btn-2', 'tab-btn-3'],\r\n button_values: [\"val-1\", \"val-2\", \"val-3\"],\r\n tab_texts: ['Tab 1', 'Tab 2', 'Tab 3'],\r\n tab_type: 'dda-horizontal-tab',\r\n button_name: 'button',\r\n onTabClick: (index) => alert(`Tab ${index + 1} clicked!`), // Example event\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, Method, Event, EventEmitter } 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: [],\r\n shadow: false,\r\n})\r\nexport class DdaTextarea {\r\n @Prop() label: string;\r\n @Prop() placeholder: string;\r\n @Prop() max_characters: number;\r\n @Prop() value: string = '';\r\n @Prop() input_id: string;\r\n @Prop() textarea_name: string;\r\n @Prop() aria_label?: string;\r\n @Prop() show_info_icon: boolean = false;\r\n @Prop() helper_text?: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() validation_id: string;\r\n @Prop() input_status?: string;\r\n @Prop() custom_class?: string;\r\n @Prop() component_mode?: string;\r\n @Prop() enable_rich_editor?: boolean;\r\n\r\n @Element() el: HTMLElement;\r\n\r\n @State() characterCount: number = 0;\r\n @State() internalValue: string = '';\r\n\r\n private quill: Quill;\r\n\r\n // ✅ NEW: Events\r\n @Event() textareaChanged: EventEmitter<any>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n @Event() textareaBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\r\n\r\n // ✅ NEW: External value getter\r\n @Method()\r\n async getValue() {\r\n return this.internalValue || this.value || '';\r\n }\r\n\r\n async setValue(val: string) {\r\n this.internalValue = val;\r\n this.onChanged.emit(val);\r\n }\r\n\r\n async reset() {\r\n this.internalValue = '';\r\n // this.inputChanged.emit('');\r\n this.onChanged.emit('');\r\n }\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'],\r\n ['blockquote', 'code-block'],\r\n [{ list: 'ordered' }, { list: 'bullet' }],\r\n [{ script: 'sub' }, { script: 'super' }],\r\n [{ indent: '-1' }, { indent: '+1' }],\r\n [{ direction: 'rtl' }],\r\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n [{ color: [] }, { background: [] }],\r\n [{ font: [] }],\r\n [{ align: [] }],\r\n ['clean'],\r\n ['link', '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 const content = this.quill.root.innerHTML;\r\n this.internalValue = content;\r\n this.characterCount = this.quill.getText().trim().length;\r\n this.textareaChanged.emit(); // optional\r\n this.onChanged.emit();\r\n });\r\n\r\n if (this.value) {\r\n this.quill.root.innerHTML = this.value;\r\n this.internalValue = this.value;\r\n this.characterCount = this.quill.getText().trim().length;\r\n }\r\n } else {\r\n this.internalValue = this.value;\r\n this.characterCount = this.value?.length || 0;\r\n }\r\n }\r\n\r\n handleInput(event: Event) {\r\n const val = (event.target as HTMLTextAreaElement).value;\r\n this.internalValue = val;\r\n this.characterCount = val.length;\r\n this.textareaChanged.emit(event);\r\n this.onChanged.emit(val);\r\n\r\n this.el.dispatchEvent(new InputEvent('input', event));\r\n }\r\n\r\n handleBlur(event: Event) {\r\n const val = (event.target as HTMLTextAreaElement).value.trim();\r\n this.textareaBlurred.emit({ name: this.textarea_name, value: val });\r\n this.onBlurred.emit(val);\r\n this.el.dispatchEvent(\r\n new FocusEvent('blur', {\r\n bubbles: true,\r\n composed: true,\r\n relatedTarget: event.target,\r\n }),\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,\r\n this.component_mode,\r\n this.textarea_name,\r\n ]\r\n .filter(Boolean)\r\n .join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={textareaClass}>\r\n {this.label && (\r\n <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n {this.label}\r\n </label>\r\n )}\r\n\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 name={this.textarea_name}\r\n aria-label={this.aria_label}\r\n placeholder={this.placeholder}\r\n value={this.internalValue || this.value}\r\n aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n class=\"dda-input-field dda-input-textarea\"\r\n maxLength={this.max_characters}\r\n onInput={event => this.handleInput(event)}\r\n onBlur={event => this.handleBlur(event)}\r\n onFocus={(event: FocusEvent) => {\r\n this.el.dispatchEvent(\r\n new FocusEvent('focus', {\r\n bubbles: true,\r\n composed: true,\r\n relatedTarget: event.relatedTarget,\r\n }),\r\n );\r\n }}\r\n onKeyDown={(event: KeyboardEvent) => {\r\n this.el.dispatchEvent(\r\n new KeyboardEvent('keydown', {\r\n bubbles: true,\r\n composed: true,\r\n key: event.key,\r\n code: event.code,\r\n ctrlKey: event.ctrlKey,\r\n shiftKey: event.shiftKey,\r\n altKey: event.altKey,\r\n metaKey: event.metaKey,\r\n repeat: event.repeat,\r\n }),\r\n );\r\n }}\r\n ></textarea>\r\n )}\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <div class=\"dda-error-message\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-items-center dda-gap-2\">\r\n {this.show_info_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n info\r\n </i>\r\n )}\r\n {this.error_message}\r\n </span>\r\n <span class=\"dda-letter-count\">\r\n {this.characterCount} / {this.max_characters}\r\n </span>\r\n </div>\r\n ) : (\r\n <div class=\"dda-helper-text\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-items-center dda-gap-2\">\r\n {this.show_info_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n info\r\n </i>\r\n )}\r\n {this.helper_text}\r\n </span>\r\n <span class=\"dda-letter-count\">\r\n {this.characterCount} / {this.max_characters}\r\n </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 show_info_icon: {\r\n control: 'boolean',\r\n description: 'Whether to show a Information icon with the helper text or error text',\r\n },\r\n onchange: {\r\n control: { type: 'text' },\r\n description: 'onchange event for the textarea field',\r\n },\r\n textarea_name: {\r\n control: { type: 'text' },\r\n description: 'Name of 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 show_info_icon=\"\"\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 textarea_name=\"textarea-name\"\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 label: 'Description',\r\n placeholder: 'Enter description',\r\n max_characters: 200,\r\n value: '',\r\n input_id: 'input',\r\n textarea_name: \"textarea-name\",\r\n aria_label: 'textarea',\r\n helper_text: 'This is a helper text',\r\n error_message: 'This is an error message',\r\n show_info_icon: 'true',\r\n validation_type: 'normal',\r\n validation_id: '',\r\n input_status: '',\r\n enable_rich_editor: false,\r\n custom_class: '',\r\n component_mode: '',\r\n onchange: '',\r\n};\r\n\r\nexport const WithErrorMessage = Template.bind({});\r\nWithErrorMessage.args = {\r\n label: 'Description',\r\n placeholder: 'Enter description',\r\n max_characters: 200,\r\n value: '',\r\n input_id: 'input',\r\n textarea_name: \"textarea-name\",\r\n aria_label: 'textarea',\r\n helper_text: '',\r\n error_message: 'This is an error message',\r\n show_info_icon: 'true',\r\n validation_type: 'error',\r\n validation_id: '',\r\n input_status: '',\r\n enable_rich_editor: false,\r\n custom_class: '',\r\n component_mode: '',\r\n onchange: '',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n label: 'Description',\r\n placeholder: 'Enter description',\r\n max_characters: 200,\r\n value: '',\r\n input_id: 'input',\r\n textarea_name: \"textarea-name\",\r\n aria_label: 'textarea',\r\n helper_text: 'This is a helper text',\r\n error_message: '',\r\n show_info_icon: 'true',\r\n validation_type: '',\r\n validation_id: '',\r\n input_status: 'disabled',\r\n enable_rich_editor: false,\r\n custom_class: '',\r\n component_mode: '',\r\n onchange: '',\r\n};\r\nexport const RichEditorEnabled = Template.bind({});\r\nRichEditorEnabled.args = {\r\n label: 'Rich Text Editor',\r\n placeholder: 'Enter rich text',\r\n max_characters: 200,\r\n value: '',\r\n input_id: 'input',\r\n textarea_name: \"textarea-name\",\r\n aria_label: 'textarea',\r\n helper_text: 'This is a helper text',\r\n error_message: '',\r\n show_info_icon: 'true',\r\n validation_type: '',\r\n validation_id: '',\r\n input_status: '',\r\n enable_rich_editor: true,\r\n custom_class: '',\r\n component_mode: '',\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,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,SAAS;IALtB;QAUU,iBAAY,GAAY,EAAE,CAAC;KAsCpC;IA5BC,MAAM;QACJ,MAAM,WAAW,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC;aACrJ,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QAEb,OAAO,CACL,EAAC,IAAI;YACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ;gBAC/C,4EACc,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC,GACD;gBACF,6DAAM,KAAK,EAAC,QAAQ,GAAQ;gBAC5B;oBACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B;oBACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACE,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-toggle',\r\n styleUrls: ['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 @Event() toggleChanged: EventEmitter<any>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n\r\n render() {\r\n const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]\r\n .filter(Boolean)\r\n .join(' ');\r\n\r\n return (\r\n <Host>\r\n <label class={toggleClass} htmlFor={this.input_id}>\r\n <input\r\n aria-label={this.aria_label}\r\n type=\"checkbox\"\r\n id={this.input_id}\r\n name={this.group_name}\r\n checked={this.checked}\r\n onChange={event => {\r\n this.toggleChanged.emit(event);\r\n this.onChanged.emit(event);\r\n }}\r\n />\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: ['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;QAYU,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,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAC,oBAAoB;gBAAC,SAAG,KAAK,EAAC,2CAA2C,iBAAa,MAAM,IAAE,IAAI,CAAK,CAAS,CAAC,CAAC;YACxJ,cAAQ,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAU,CAC7E,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: ['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 @Prop() button_name: 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 name={this.button_name} class=\"dda-segmented-item\"><i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">{item}</i></button> :\r\n <button name={this.button_name} 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;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,aAAa;SAC3B;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;GAYhB;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;IAClB,WAAW,EAAE,QAAQ;CACtB,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;IAClB,WAAW,EAAE,QAAQ;CACtB,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 button_name: {\r\n control: { type: 'text' },\r\n description: 'Button name',\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 button_name=\"button_name\"\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 button_name: 'button',\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 button_name: 'button',\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,SAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAK;oBACxC,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAK;oBAC9C,SAAG,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAK,CAChD,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'],\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 <p class=\"h-step-title\">{step.title}</p>\r\n <p class=\"h-step-subtitle\">{step.subtitle}</p>\r\n <p class=\"h-step-description\">{step.description}</p>\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,iBAAc,MAAM,IAAE,IAAI,CAAC,IAAI,CAAK,CAC1D,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,2CAA2C,iBAAa,MAAM,oBAAkB,CACrF,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`} aria-hidden=\"true\">{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 material-symbols-outlined\" aria-hidden=\"true\">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":["/**\r\n * @fileoverview entry point for your component library\r\n *\r\n * This is the entry point for your component library. Use this file to export utilities,\r\n * constants or data structure that accompany your components.\r\n *\r\n * DO NOT use this file to export your components. Instead, use the recommended approaches\r\n * to consume components of this package as outlined in the `README.md`.\r\n */\r\n\r\nexport { format } from './utils/utils';\r\nexport { applyTheme } from './utils/applyTheme';\r\nexport type * from './components.d.ts';\r\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 {\r\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n"]}

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

@@ -1 +0,0 @@

- {"file":"dda-accordion.js","mappings":"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","names":["DdaAccordion"],"sources":["src/components/dda-accordion/dda-accordion.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(--font-h6);\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--font-weight-regular);\r\n display: flex;\r\n align-items: center;\r\n gap: 5px\r\n}\r\n.light-mode .accordion-header .header-text{\r\n color: var(--dda-neutral-0);\r\n}\r\n\r\n.accordion-header .arrow-icon {\r\n font-size: 25px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n .accordion-header .arrow-icon {\r\n transition: transform 0.2s ease-in-out;\r\n }\r\n}\r\n\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 .subtitle{\r\n font: var(--font-body);\r\n font-weight: var(--font-weight-regular);\r\n color: var(--dda-on-surface-0);\r\n}\r\n.accordion-body .body-description {\r\n margin: 0;\r\n font: var(--font-body);\r\n font-weight: var(--font-weight-regular);\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.accordion-container.no-border {\r\n border: 1px solid transparent;\r\n gap: 12px\r\n}\r\n","import { Component, Prop, State, h, Host, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-accordion',\r\n styleUrls: ['dda-accordion.css'],\r\n shadow: false,\r\n})\r\nexport class DdaAccordion {\r\n @Prop() design: 'bg-border' | 'no-border' = 'bg-border';\r\n @Prop() header_text: string = 'Accordion Header';\r\n @Prop() sub_title: string = '';\r\n @Prop() body_description: string = '';\r\n @Prop() custom_class?: string = '';\r\n @Prop() link_button_text?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() accordion_icon_class?: string = '';\r\n @Prop() accordion_icon_text: string = '';\r\n @Prop() accordion_header_end_icon: string = '';\r\n @Prop() accordion_id: string = '';\r\n\r\n @Prop() default_open: boolean = false;\r\n\r\n @State() isOpen: boolean;\r\n\r\n componentWillLoad() {\r\n this.isOpen = this.default_open;\r\n }\r\n\r\n toggleAccordion() {\r\n this.isOpen = !this.isOpen;\r\n }\r\n\r\n @Method() async openAccordion() {\r\n this.isOpen = true;\r\n }\r\n\r\n @Method() async closeAccordion() {\r\n this.isOpen = false;\r\n }\r\n\r\n @Method() async getIsOpen() {\r\n return this.isOpen;\r\n }\r\n\r\n onHeaderEndIconClick(event: Event) {\r\n event.stopPropagation();\r\n console.log('Header end icon clicked');\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\" id={this.accordion_id} onClick={() => this.toggleAccordion()}>\r\n <div class=\"header-content\">\r\n {this.accordion_icon_text ? <i class={this.accordion_icon_class}>{this.accordion_icon_text}</i> : null}\r\n {this.header_text ? \r\n <span class=\"header-text\">{this.header_text} \r\n <i \r\n class={`body material-flat-icon ${this.accordion_icon_class}`}\r\n onClick={(event) => this.onHeaderEndIconClick(event)}\r\n >\r\n {this.accordion_header_end_icon}\r\n </i>\r\n </span> \r\n : null}\r\n </div>\r\n <i class={`material-icons arrow-icon`} aria-hidden=\"true\" >{this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n </div>\r\n <div class={this.isOpen ? 'accordion-body' : 'dda-d-none'}>\r\n <div class=\"dda-d-flex dda-flex-column dda-gap-lg\">\r\n <div class=\"dda-d-flex dda-flex-column dda-gap-xs\">\r\n {this.sub_title ? <p class=\"subtitle\">{this.sub_title}</p> : null}\r\n {this.body_description ? <p class=\"body-description\">{this.body_description}</p> : null}\r\n </div>\r\n {this.link_button_text ? (\r\n <dda-link-button\r\n button_color=\"default-link\"\r\n end_icon=\"arrow_forward\"\r\n custom_class=\"\"\r\n link_button_text={this.link_button_text}\r\n href=\"\"\r\n component_mode=\"\"\r\n button_id=\"link-button\"\r\n aria_label=\"link-Button\"\r\n ></dda-link-button>\r\n ) : null}\r\n <slot></slot>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@

- {"file":"dda-alert.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,krFAAkrF,CAAC;AACvsF,uBAAe,WAAW;;MCMbA,UAAQ;IALrB;;;;;;QAMU,SAAI,GAA4B,SAAS,CAAC;QAC1C,cAAS,GAA6C,MAAM,CAAC;QAC7D,eAAU,GAAW,EAAE,CAAC;QACxB,gBAAW,GAAW,EAAE,CAAC;QACzB,gBAAW,GAAW,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAc3B,iBAAY,GAAG;YACrB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;QAGO,sBAAiB,GAAG;YAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;QAGM,uBAAkB,GAAG;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;KAyBH;IAvBC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,IAAI,cAAc,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IACpH,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,0DAAG,KAAK,EAAC,oDAAoD,iBAAa,MAAM,WAAS,CACrF,EACN,4DAAK,KAAK,EAAC,eAAe,IACxB,2DAAI,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAM,EAC9C,0DAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,WAAW,CAAK,EACnD,4DAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,gBAAgB,GAAG,kBAAY,YAAY,EAAC,kBAAkB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAE,YAAY,EAAC,wBAAwB,EAAC,cAAc,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,GAAe,GAAG,IAAI,EACnS,IAAI,CAAC,cAAc,GAAG,kBAAY,YAAY,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,iBAAiB,IAAI,CAAC,SAAS,EAAE,EAAG,cAAc,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,cAAc,GAAe,GAAG,IAAI,CACxS,CACF,CACF,EAEN,+DAAQ,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IACpG,0DAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,YAAU,CACzE,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaAlert"],"sources":["src/components/dda-alert/dda-alert.css?tag=dda-alert","src/components/dda-alert/dda-alert.tsx"],"sourcesContent":[".dda-alert{\r\n padding: 24px;\r\n border-radius: 10px; \r\n position: relative;\r\n}\r\n.dda-alert-inner{\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 16px;\r\n}\r\n.dda-alert-icon-wrap{\r\n padding-top: 2px; \r\n}\r\n.dda-alert .alert-content{\r\n width: 100%;\r\n display: grid;\r\n row-gap: 16px;\r\n}\r\n.dda-alert .alert-title{\r\n margin: 0; \r\n font-size: var(--font-h6);\r\n font-weight: var(--font-weight-regular);\r\n line-height: 24px;\r\n}\r\n.dda-alert .alert-description{\r\n margin: 0;\r\n}\r\n.alert-btn-wrap{\r\n display: flex;\r\n align-items: center;\r\n justify-content: end;\r\n gap: 15px;\r\n}\r\n.dda-alert-close{\r\n position: absolute;\r\n inset-inline-end: 24px;\r\n inset-block-start: 24px;\r\n width: 20px;\r\n height: 2px;\r\n background: transparent;\r\n border: transparent;\r\n font-size: 18px;\r\n}\r\n\r\n\r\n/**/\r\n.dda-alert-info{\r\n background: var(--dda-primary-variant-95);\r\n border: solid 1px var(--dda-color-primary-30);\r\n}\r\n.dda-alert-secondary.dda-alert-info .material-icons,\r\n.dda-alert-secondary.dda-alert-info .alert-title{\r\n color: var(--dda-primary-40);\r\n}\r\n.light-mode.dda-alert-info{\r\n background: var(--dda-info-95);\r\n border: solid 1px var(--dda-info-40);\r\n color: var(--dda-info-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-warning{\r\n background: var(--dda-warning-variant-95);\r\n border: solid 1px var(--dda-color-warning-30);\r\n}\r\n.dda-alert-secondary.dda-alert-warning .material-icons,\r\n.dda-alert-secondary.dda-alert-warning .alert-title{\r\n color: var(--dda-warning-40);\r\n}\r\n.light-mode.dda-alert-warning{\r\n background: var(--dda-warning-95);\r\n border: solid 1px var(--dda-warning-40);\r\n color: var(--dda-warning-40);\r\n}\r\n.dda-alert-warning .alert-primary-warning{\r\n background-color: var(--dda-warning-40);\r\n border: solid 1px var(--dda-warning-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-error{\r\n background: var(--dda-error-variant-95);\r\n border: solid 1px var(--dda-color-error-30);\r\n}\r\n.dda-alert-secondary.dda-alert-error .material-icons,\r\n.dda-alert-secondary.dda-alert-error .alert-title{\r\n color: var(--dda-error-40);\r\n}\r\n.light-mode.dda-alert-error{\r\n background: var(--dda-error-95);\r\n border: solid 1px var(--dda-error-40);\r\n color: var(--dda-error-40);\r\n}\r\n.dda-alert-error .alert-primary-error{\r\n background-color: var(--dda-error-40);\r\n border: solid 1px var(--dda-error-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-success{\r\n background: var(--dda-success-variant-95);\r\n border: solid 1px var(--dda-color-success-30);\r\n}\r\n.dda-alert-secondary.dda-alert-success .material-icons,\r\n.dda-alert-secondary.dda-alert-success .alert-title{\r\n color: var(--dda-success-40);\r\n}\r\n.light-mode.dda-alert-success{\r\n background: var(--dda-success-95);\r\n border: solid 1px var(--dda-success-40);\r\n color: var(--dda-success-40);\r\n}\r\n.dda-alert-success .alert-primary-success{\r\n background-color: var(--dda-success-40);\r\n border: solid 1px var(--dda-success-40);\r\n}\r\n\r\n/**/\r\n\r\n\r\n.dda-alert-secondary{\r\n background-color: var(--dda-surface-100);\r\n border: solid 1px var(--dda-surface-90);\r\n color: var(--dda-on-surface-0);\r\n box-shadow: 0px 1px 2px 0px #1018280A;\r\n}\r\n.dda-alert .alert-secondary-button{\r\n border: solid 1px var(--dda-surface-100);\r\n}\r\n.dda-alert-secondary .alert-secondary-button{\r\n border: solid 1px var(--dda-surface-90);\r\n}\r\n/**/\r\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-alert',\r\n styleUrls: ['dda-alert.css'],\r\n shadow: false,\r\n})\r\nexport class DdaAlert {\r\n @Prop() type: 'primary' | 'secondary' = 'primary';\r\n @Prop() variation: 'info' | 'warning' | 'error' | 'success' = 'info';\r\n @Prop() title_text: string = '';\r\n @Prop() description: string = '';\r\n @Prop() button_text: string = '';\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() component_id?: string;\r\n\r\n @Prop() secondary_button?: string;\r\n @Prop() secondary_button_link?: string;\r\n\r\n @Prop() primary_button?: string;\r\n @Prop() primary_button_link?: string;\r\n\r\n \r\n @Prop() close_button_name?: string;\r\n\r\n @Event() closeClick: EventEmitter<void>;\r\n private onCloseClick = () => {\r\n this.closeClick.emit();\r\n };\r\n\r\n @Event() firstClick?: EventEmitter<void>;\r\n private firstClickHandler = () => {\r\n this.firstClick.emit();\r\n };\r\n\r\n @Event() secondClick?: EventEmitter<void>;\r\n private secondClickHandler = () => {\r\n this.secondClick.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <div class={`dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}`}>\r\n <div class=\"dda-alert-inner\">\r\n <div class=\"dda-alert-icon-wrap\">\r\n <i class=\"info-icon material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n </div>\r\n <div class=\"alert-content\">\r\n <h4 class=\"alert-title\">{this.title_text}</h4>\r\n <p class=\"alert-description\">{this.description}</p>\r\n <div class=\"alert-btn-wrap\">\r\n {this.secondary_button ? <dda-button button_color=\"default-tertiary\" onClick={() => this.firstClickHandler()} custom_class=\"alert-secondary-button\" component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.secondary_button}></dda-button> : null}\r\n {this.primary_button ? <dda-button button_color=\"default-primary\" onClick={() => this.secondClickHandler()} custom_class={`alert-primary-${this.variation}`} component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.primary_button}></dda-button> : null}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <button type='button' name={this.close_button_name} class=\"dda-alert-close\" onClick={this.onCloseClick}>\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n </button>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

@@ -1 +0,0 @@

- {"file":"dda-attach-file.js","mappings":"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","names":["DdaAttachFile","pdfIcon","pptIcon","wordIcon","excelIcon","imageIcon","videoIcon","onenoteIcon","defaultIcon"],"sources":["src/assets/img/icn/file_icons/icn-PDF.svg","src/assets/img/icn/file_icons/icn-PowerPoint.svg","src/assets/img/icn/file_icons/icn-Word.svg","src/assets/img/icn/file_icons/icn-Excel.svg","src/assets/img/icn/file_icons/icn-Image.svg","src/assets/img/icn/file_icons/icn-Video.svg","src/assets/img/icn/file_icons/icn-OneNote.svg","src/assets/img/icn/file_icons/icn-default.svg","src/global/input.css?tag=dda-attach-file","src/components/dda-attach-file/dda-attach-file.tsx"],"sourcesContent":["<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M16 7.44336H13.5C12.673 7.44336 12 6.77036 12 5.94336V2.44336H4V18.4434H16V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M16 6.44336V6.15036L13 3.15036V5.94336C13 6.21836 13.225 6.44336 13.5 6.44336H16Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.707 5.44336L13 1.73636C12.8125 1.54881 12.5582 1.44342 12.293 1.44336H4C3.44772 1.44336 3 1.89107 3 2.44336V18.4434C3 18.9956 3.44772 19.4434 4 19.4434H16C16.5523 19.4434 17 18.9956 17 18.4434V6.15036C16.9999 5.88516 16.8945 5.63085 16.707 5.44336ZM16 6.15036V6.44336H13.5C13.2241 6.44281 13.0006 6.21927 13 5.94336V3.15036L16 6.15036ZM4 2.64336V18.2434C4 18.3538 4.08954 18.4434 4.2 18.4434H15.8C15.9105 18.4434 16 18.3538 16 18.2434V7.44336H13.5C12.6716 7.44336 12 6.77179 12 5.94336V2.44336H4.2C4.09 2.44336 4 2.53336 4 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M14.5 10.4434H5.5C5.22386 10.4434 5 10.2195 5 9.94336C5 9.66722 5.22386 9.44336 5.5 9.44336H14.5C14.7761 9.44336 15 9.66722 15 9.94336C15 10.2195 14.7761 10.4434 14.5 10.4434Z\" fill=\"#E0E3E2\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 16.4434V12.4434C6 11.8911 6.44772 11.4434 7 11.4434H13C13.5523 11.4434 14 11.8911 14 12.4434V16.4434C14 16.9956 13.5523 17.4434 13 17.4434H7C6.44772 17.4434 6 16.9956 6 16.4434ZM7.2 16.4434H12.794C12.8468 16.445 12.898 16.425 12.9358 16.388C12.9735 16.351 12.9946 16.3002 12.994 16.2474C12.988 15.5694 12.996 13.3154 13 12.6374C13 12.5274 12.91 12.4434 12.8 12.4434H7.2C7.09 12.4434 7 12.5334 7 12.6434V16.2434C7 16.3538 7.08954 16.4434 7.2 16.4434ZM4.75 16.4434H3C2.44772 16.4434 2 15.9956 2 15.4434V13.4434C2 12.8911 2.44772 12.4434 3 12.4434H4.75C4.88807 12.4434 5 12.5553 5 12.6934V16.1934C5 16.3314 4.88807 16.4434 4.75 16.4434ZM15.25 16.4434H17C17.5523 16.4434 18 15.9956 18 15.4434V13.4434C18 12.8911 17.5523 12.4434 17 12.4434H15.25C15.1119 12.4434 15 12.5553 15 12.6934V16.1934C15 16.3314 15.1119 16.4434 15.25 16.4434Z\" fill=\"#DD6B51\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M18 7.44336H15.5C14.673 7.44336 14 6.77036 14 5.94336V2.44336H6V18.4434H18V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M18 6.44336V6.15036L15 3.15036V5.94336C15 6.21836 15.225 6.44336 15.5 6.44336H18Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.707 5.44336L15 1.73636C14.8125 1.54881 14.5582 1.44342 14.293 1.44336H6C5.44772 1.44336 5 1.89107 5 2.44336V18.4434C5 18.9956 5.44772 19.4434 6 19.4434H18C18.5523 19.4434 19 18.9956 19 18.4434V6.15036C18.9999 5.88516 18.8945 5.63085 18.707 5.44336ZM18 6.15036V6.44336H15.5C15.2241 6.44281 15.0006 6.21927 15 5.94336V3.15036L18 6.15036ZM6 2.64336V18.2434C6 18.3538 6.08954 18.4434 6.2 18.4434H17.8C17.9105 18.4434 18 18.3538 18 18.2434V7.44336H15.5C14.6716 7.44336 14 6.77179 14 5.94336V2.44336H6.2C6.09 2.44336 6 2.53336 6 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M15.95 11.4434H14L13 10.4434L12 11.4434V13.9324C12.419 14.2484 12.935 14.4434 13.5 14.4434C14.2508 14.4435 14.9619 14.1062 15.4368 13.5247C15.9118 12.9432 16.1002 12.179 15.95 11.4434Z\" fill=\"#DD6B51\"/>\r\n<path d=\"M13.5 9.44336C12.9578 9.44449 12.4309 9.62328 12 9.95236V11.4434H14V9.49336C13.8354 9.46001 13.6679 9.44326 13.5 9.44336V9.44336Z\" fill=\"#FFEBE6\"/>\r\n<path d=\"M15 10.4434H17C16.7939 9.43641 16.0069 8.6495 15 8.44336V10.4434H15Z\" fill=\"#FFEBE6\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#DD6B51\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.50496 8.92436C7.17596 8.60336 6.69996 8.44336 6.07996 8.44336H4.01196V14.4434H4.99996V12.3224H6.01496C6.37901 12.33 6.73878 12.2428 7.05896 12.0694C7.35996 11.9004 7.59096 11.6644 7.75496 11.3594C7.91896 11.0554 7.99996 10.7074 7.99996 10.3174C7.99996 9.71036 7.83496 9.24536 7.50496 8.92436ZM5.89896 11.4434H4.99996V9.43136H5.93096C6.35896 9.43136 6.99996 9.43536 6.99996 10.4434C6.99996 11.3414 6.40596 11.4434 5.89896 11.4434Z\" fill=\"#E0E3E2\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M18 7.44336H15.5C14.673 7.44336 14 6.77036 14 5.94336V2.44336H6V18.4434H18V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M18 6.44336V6.15036L15 3.15036V5.94336C15 6.21836 15.225 6.44336 15.5 6.44336H18Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.707 5.44336L15 1.73636C14.8125 1.54881 14.5582 1.44342 14.293 1.44336H6C5.44772 1.44336 5 1.89107 5 2.44336V18.4434C5 18.9956 5.44772 19.4434 6 19.4434H18C18.5523 19.4434 19 18.9956 19 18.4434V6.15036C18.9999 5.88516 18.8945 5.63085 18.707 5.44336ZM18 6.15036V6.44336H15.5C15.2241 6.44281 15.0006 6.21927 15 5.94336V3.15036L18 6.15036ZM6 2.64336V18.2434C6 18.3538 6.08954 18.4434 6.2 18.4434H17.8C17.9105 18.4434 18 18.3538 18 18.2434V7.44336H15.5C14.6716 7.44336 14 6.77179 14 5.94336V2.44336H6.2C6.09 2.44336 6 2.53336 6 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M16.5 12.4434H12V13.4434H16.5C16.7761 13.4434 17 13.2195 17 12.9434C17 12.6672 16.7761 12.4434 16.5 12.4434Z\" fill=\"#006A67\"/>\r\n<path d=\"M16.5 10.4434H12V11.4434H16.5C16.7761 11.4434 17 11.2195 17 10.9434C17 10.6672 16.7761 10.4434 16.5 10.4434Z\" fill=\"#006A67\"/>\r\n<path d=\"M16.5 8.44336H12V9.44336H16.5C16.7761 9.44336 17 9.2195 17 8.94336C17 8.66722 16.7761 8.44336 16.5 8.44336Z\" fill=\"#006687\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#006A67\"/>\r\n<path d=\"M7.21 14.3794L6 9.93935L4.794 14.3794H3.918L2.755 8.53735H3.641L4.449 12.3634L5.523 8.53735H6.389L7.54201 12.4534L8.34401 8.53735H9.229L8.085 14.3794H7.21Z\" fill=\"white\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M18 7.44336H15.5C14.673 7.44336 14 6.77036 14 5.94336V2.44336H6V18.4434H18V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M18 6.44336V6.15036L15 3.15036V5.94336C15 6.21836 15.225 6.44336 15.5 6.44336H18Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.707 5.44336L15 1.73636C14.8125 1.54881 14.5582 1.44342 14.293 1.44336H6C5.44772 1.44336 5 1.89107 5 2.44336V18.4434C5 18.9956 5.44772 19.4434 6 19.4434H18C18.5523 19.4434 19 18.9956 19 18.4434V6.15036C18.9999 5.88516 18.8945 5.63085 18.707 5.44336ZM18 6.15036V6.44336H15.5C15.2241 6.44281 15.0006 6.21927 15 5.94336V3.15036L18 6.15036ZM6 2.64336V18.2434C6 18.3538 6.08954 18.4434 6.2 18.4434H17.8C17.9105 18.4434 18 18.3538 18 18.2434V7.44336H15.5C14.6716 7.44336 14 6.77179 14 5.94336V2.44336H6.2C6.09 2.44336 6 2.53336 6 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#0D6D2D\"/>\r\n<path d=\"M4.60602 14.4434L8.31302 8.44336H7.15002L3.39502 14.4434H4.60602Z\" fill=\"white\"/>\r\n<path d=\"M7.37299 14.4434L3.66699 8.44336H4.82899L8.58299 14.4434H7.37299Z\" fill=\"white\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.084 14.3254H17V10.5834C17 9.15636 16.327 8.44336 14.982 8.44336C14.6146 8.45162 14.2501 8.51085 13.899 8.61936C13.493 8.73636 13.206 8.85836 13.039 8.98536V9.92336C13.594 9.45836 14.216 9.22536 14.904 9.22536C15.691 9.22536 16.084 9.70936 16.084 10.6784L14.369 10.9184C13.109 11.0974 12.479 11.7184 12.479 12.7834C12.479 13.2914 12.646 13.6934 12.977 13.9934C13.308 14.2934 13.751 14.4434 14.301 14.4434C15.075 14.4434 15.663 14.0994 16.061 13.4104H16.084V14.3254ZM14.698 11.6054L16.084 11.4104V11.9794C16.084 12.4604 15.935 12.8614 15.639 13.1814C15.344 13.5014 14.968 13.6614 14.514 13.6614C14.193 13.6614 13.93 13.5754 13.725 13.4024C13.52 13.2284 13.418 12.9984 13.418 12.7124C13.418 12.3574 13.513 12.1024 13.703 11.9434C13.893 11.7854 14.225 11.6724 14.698 11.6054Z\" fill=\"#0D6D2D\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M3.5 17.4434H16.5C16.775 17.4434 17 17.2184 17 16.9434V3.94336C17 3.66836 16.775 3.44336 16.5 3.44336H3.5C3.225 3.44336 3 3.66836 3 3.94336V16.9434C3 17.2184 3.225 17.4434 3.5 17.4434Z\" fill=\"white\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.691 11.1004L10.813 12.3864L9.12599 10.0604C8.93788 9.80101 8.63689 9.64749 8.31649 9.64749C7.9961 9.64749 7.6951 9.80101 7.50699 10.0604L5.11699 13.3564C4.89632 13.6607 4.86498 14.0631 5.03589 14.398C5.20679 14.7328 5.55105 14.9435 5.92699 14.9434H14.073C14.4438 14.9435 14.7843 14.7383 14.9575 14.4104C15.1307 14.0825 15.1082 13.6856 14.899 13.3794L13.343 11.0994C13.1567 10.8264 12.8475 10.663 12.517 10.663C12.1865 10.663 11.8773 10.8264 11.691 11.0994V11.1004Z\" stroke=\"#E0E3E2\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5 7.94336C14.0523 7.94336 14.5 7.49564 14.5 6.94336C14.5 6.39107 14.0523 5.94336 13.5 5.94336C12.9477 5.94336 12.5 6.39107 12.5 6.94336C12.5 7.49564 12.9477 7.94336 13.5 7.94336Z\" stroke=\"#835400\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5 18.4434H16.5C17.327 18.4434 18 17.7704 18 16.9434V3.94336C18 3.11636 17.327 2.44336 16.5 2.44336H3.5C2.673 2.44336 2 3.11636 2 3.94336V16.9434C2 17.7704 2.673 18.4434 3.5 18.4434ZM3 3.94336C3 3.66722 3.22386 3.44336 3.5 3.44336H16.5C16.7761 3.44336 17 3.66722 17 3.94336V16.9434C17 17.2195 16.7761 17.4434 16.5 17.4434H3.5C3.22386 17.4434 3 17.2195 3 16.9434V3.94336Z\" fill=\"#3F4948\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M3.5 17.4434H16.5C16.775 17.4434 17 17.2184 17 16.9434V3.94336C17 3.66836 16.775 3.44336 16.5 3.44336H3.5C3.225 3.44336 3 3.66836 3 3.94336V16.9434C3 17.2184 3.225 17.4434 3.5 17.4434Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5 18.4434H16.5C17.327 18.4434 18 17.7704 18 16.9434V3.94336C18 3.11636 17.327 2.44336 16.5 2.44336H3.5C2.673 2.44336 2 3.11636 2 3.94336V16.9434C2 17.7704 2.673 18.4434 3.5 18.4434ZM3 3.94336C3 3.66722 3.22386 3.44336 3.5 3.44336H16.5C16.7761 3.44336 17 3.66722 17 3.94336V16.9434C17 17.2195 16.7761 17.4434 16.5 17.4434H3.5C3.22386 17.4434 3 17.2195 3 16.9434V3.94336Z\" fill=\"#3F4948\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5 10.4434L8.5 7.94336V12.9434L12.5 10.4434Z\" stroke=\"#006687\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 19.4434H16.5C17.327 19.4434 18 18.7704 18 17.9434V7.44336C18.5523 7.44336 19 6.99564 19 6.44336V3.44336C19 2.89107 18.5523 2.44336 18 2.44336H17.914C17.708 1.86136 17.152 1.44336 16.5 1.44336H6.5C5.673 1.44336 5 2.11636 5 2.94336V17.9434C5 18.7704 5.673 19.4434 6.5 19.4434ZM6 2.94336C6 2.66722 6.22386 2.44336 6.5 2.44336H16.5C16.7761 2.44336 17 2.66722 17 2.94336V3.44336H18V6.44336H17V17.9434C17 18.2195 16.7761 18.4434 16.5 18.4434H6.5C6.22386 18.4434 6 18.2195 6 17.9434V2.94336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M18 3.44336H17V2.94336C17 2.66722 16.7761 2.44336 16.5 2.44336H6.5C6.22386 2.44336 6 2.66722 6 2.94336V17.9434C6 18.2195 6.22386 18.4434 6.5 18.4434H16.5C16.7761 18.4434 17 18.2195 17 17.9434V6.44336H18V3.44336Z\" fill=\"white\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#904EDB\"/>\r\n<path d=\"M9 14.4434H7.604C7.604 14.4434 3.995 9.76036 4 9.75536V14.4434H3V8.44336H4.27C4.27 8.44336 7.898 13.1054 8 13.2714V8.44336H9V14.4434Z\" fill=\"white\"/>\r\n</svg>\r\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"21\" fill=\"#3F4948\" viewBox=\"0 0 256 256\"><path d=\"M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Z\"></path></svg>",".dda-input-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n position: relative;\r\n}\r\n\r\n.dda-input-label {\r\n font-size: var(--font-body);\r\n color: var(--dda-on-surface-0);\r\n line-height: 24px;\r\n font-weight: var(--font-weight-regular);\r\n}\r\n.light-mode .dda-input-label {\r\n color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field-wrapper {\r\n position: relative;\r\n}\r\n\r\n.dda-field-group-input {\r\n height: 32px;\r\n background-color: transparent;\r\n flex: 1;\r\n font-size: var(--font-caption);\r\n font-weight: var(--dda-fw-400);\r\n padding: 0px;\r\n color: var(--dda-on-surface-0);\r\n border: none;\r\n outline: none;\r\n}\r\n.light-mode .dda-field-group-input{\r\n color: var(--dda-neutral-0);\r\n} \r\n.dda-input-field-group {\r\n width: 100%;\r\n height: 55px;\r\n padding: 8px 16px;\r\n background: var(--dda-surface-100);\r\n border: 1px solid var(--dda-surface-90);\r\n border-radius: 8px;\r\n font-size: var(--font-caption);\r\n color: var(--dda-on-surface-0);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.light-mode .dda-input-field-group{\r\n background: var(--dda-neutral-100);\r\n border: 1px solid var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field {\r\n width: 100%;\r\n height: 55px;\r\n padding: 8px 16px;\r\n background: var(--dda-surface-100);\r\n border: 1px solid var(--dda-surface-90);\r\n border-radius: 8px;\r\n font-size: var(--font-body);\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-400);\r\n}\r\n.dda-date-picker input{\r\n color: var(--dda-on-surface-40)\r\n}\r\n.dda-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-date-picker input[type=\"date\"]::-moz-calendar-picker-indicator {\r\n /* filter: invert(20%) sepia(90%) saturate(300%) hue-rotate(180deg); */\r\n}\r\n.dda-date-picker input[type=\"date\"].has-value {\r\n color: var(--dda-on-surface-0);\r\n}\r\n.light-mode .dda-input-field{\r\n background: var(--dda-neutral-100);\r\n border: 1px solid var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n}\r\n.dda-input-size-small .dda-input-field-group,\r\n.dda-input-size-small .dda-input-field {\r\n height: 48px;\r\n padding: 8px 12px;\r\n}\r\n\r\n.dda-input-focus-filled .dda-phone-field, \r\n.dda-input-focus .dda-input-field-group,\r\n.dda-input-field:focus {\r\n /* outline: none; */\r\n border-color: var(--dda-color-primary-40);\r\n box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n.dda-input-field:focus-visible {\r\n outline: 1px solid var(--dda-color-primary-40);\r\n outline-offset: -1px;\r\n}\r\n.light-mode.dda-input-focus-filled .dda-phone-field,\r\n.light-mode.dda-input-focus .dda-input-field-group,\r\n.light-mode .dda-input-field:focus {\r\n outline: none;\r\n border-color: var(--dda-primary-40);\r\n box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-input-dropdown-btn {\r\n min-width: 110px;\r\n position: relative;\r\n display: inline-block;\r\n padding: 0;\r\n}\r\n\r\n.dda-dropdown-select {\r\n width: 100%;\r\n height: 32px;\r\n display: flex;\r\n justify-content: space-between;\r\n background: transparent;\r\n border: transparent;\r\n font-size: var(--font-caption);\r\n color: var(--dda-on-surface-0);\r\n padding: 0;\r\n align-items: center;\r\n cursor: pointer;\r\n gap: 6px;\r\n}\r\n.dda-dropdown-select:focus-visible{\r\n outline: 1px solid var(--dda-color-primary-40);\r\n outline-offset: 1px;\r\n}\r\n.light-mode .dda-dropdown-select{\r\n color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-dropdown-select img {\r\n width: 24px;\r\n}\r\n\r\n\r\n.dda-dropdown-container {\r\n position: relative;\r\n width: auto;\r\n /* min-width: 140px; */\r\n}\r\n.dda-dropdown-container.bg-transparent .dda-dropdown-header{\r\n padding: 0px;\r\n height: auto;\r\n background: transparent;\r\n border: transparent;\r\n box-shadow: none;\r\n}\r\n.dda-dropdown-header {\r\n width: auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.dda-dropdown-header .three-dots{\r\n font-size: 25px;\r\n color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .three-dots path{\r\n fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text{\r\n flex: 1;\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 15px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text span{\r\n color: var(--dda-on-surface-variant-30);\r\n display: flex;\r\n align-items: center;\r\n}\r\n.light-mode .dda-dropdown-text span{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text i{\r\n font-size: 31px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text path{\r\n fill: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-dropdown-header .dda-dropdown-text path{\r\n fill: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header:focus .three-dots path{\r\n fill: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-input-dropdown-list {\r\n width: 100%;\r\n min-width: 150px;\r\n max-height: 200px;\r\n background-color: var(--dda-neutral-100);\r\n border: 1px solid var(--dda-neutral-90);\r\n border-radius: 8px;\r\n overflow-y: auto;\r\n position: absolute;\r\n top: 100%;\r\n margin-top: 1px;\r\n inset-inline-start: 0px;\r\n z-index: 9999;\r\n box-shadow: 0px 8px 10px -6px #1018281A;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-track {\r\n border-radius: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar {\r\n width: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-thumb {\r\n border-radius: 4px;\r\n background-color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-dropdown-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n width: 100%;\r\n font-size: var(--font-caption);\r\n background: transparent;\r\n border: transparent;\r\n padding: 10px;\r\n cursor: pointer;\r\n}\r\n\r\n.dda-input-dropdown-item:focus-visible,\r\n.dda-input-dropdown-item:hover,\r\n.dda-input-dropdown-item.selected {\r\n background-color: var(--dda-neutral-variant-95);\r\n outline: 0;\r\n}\r\n.dda-input-dropdown-list .country-select img{\r\n width: 20px;\r\n}\r\n\r\n.dda-helper-text {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: var(--font-caption);\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-helper-text{\r\n color: var(--dda-neutral-30);\r\n}\r\n.dda-error-message {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: var(--font-caption);\r\n color: var(--dda-color-error-40);\r\n}\r\n\r\n.dda-helper-text i,\r\n.dda-helper-text svg,\r\n.dda-error-message i,\r\n.dda-error-message svg {\r\n font-size: 21px;\r\n}\r\n\r\n.dda-success-text {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: var(--font-caption);\r\n color: var(--dda-color-success-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field-group,\r\n.dda-validation-error .dda-input-field {\r\n color: var(--dda-color-error-40);\r\n border-color: var(--dda-color-error-40);\r\n box-shadow: none;\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field-group,\r\n.light-mode.dda-validation-error .dda-input-field {\r\n color: var(--dda-error-40);\r\n border-color: var(--dda-error-40);\r\n box-shadow: none;\r\n}\r\n\r\n.dda-validation-error .icon-close,\r\n.dda-validation-error .dda-error-message,\r\n.dda-validation-error .dda-field-group-input,\r\n.dda-validation-error .dda-file-input span {\r\n color: var(--dda-color-error-40) !important;\r\n}\r\n\r\n.light-mode.dda-validation-error .icon-close,\r\n.light-mode.dda-validation-error .dda-error-message,\r\n.light-mode.dda-validation-error .dda-field-group-input,\r\n.light-mode.dda-validation-error .dda-file-input span {\r\n color: var(--dda-error-40) !important;\r\n}\r\n\r\n.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n color: var(--dda-error-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field::placeholder,\r\n.dda-validation-error .dda-field-group-input::placeholder {\r\n color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::placeholder {\r\n color: var(--dda-error-40);\r\n}\r\n\r\n.dda-input-disabled .dda-input-label,\r\n.dda-input-disabled .dda-helper-text,\r\n.dda-input-disabled .dda-error-message,\r\n.dda-input-disabled i,\r\n.dda-input-disabled .dda-dropdown-select,\r\n.dda-input-disabled .dda-file-input span,\r\n.dda-input-disabled .dda-file-choose {\r\n color: var(--dda-neutral-60) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-input-field-group,\r\n.dda-input-disabled .dda-input-field {\r\n background: var(--dda-neutral-92);\r\n border-color: var(--dda-neutral-90);\r\n color: var(--dda-neutral-60) !important;\r\n box-shadow: none;\r\n pointer-events: none;\r\n outline: none;\r\n}\r\n.dda-input-disabled i{\r\n color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled svg path{\r\n fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled .dda-input-field::-ms-input-placeholder {\r\n color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-input-field::placeholder {\r\n color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-btn {\r\n background-color: var(--dda-neutral-70) !important;\r\n border-color: var(--dda-neutral-70) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-dropdown-select img,\r\n.dda-input-disabled .dda-input-field-wrapper img {\r\n filter: grayscale(1);\r\n}\r\n\r\n/*Specifications*/\r\n\r\n/*Number Field*/\r\n.dda-number-field .dda-field-group-input {\r\n padding-inline-end: 10px;\r\n border-inline-end: solid 1px var(--dda-neutral-90);\r\n}\r\n\r\n.dda-number-field .dda-field-group-input:focus,\r\n.dda-phone-field .dda-field-group-input:focus {\r\n border-inline-start: solid 1px var(--dda-color-primary-40);\r\n} \r\n.dda-number-field .dda-field-group-input:focus-visible,\r\n.dda-phone-field .dda-field-group-input:focus-visible {\r\n outline: 1px solid var(--dda-surface-100);\r\n outline-offset: -1px;\r\n}\r\n.dda-number-field .dda-input-dropdown-btn {\r\n min-width: 80px;\r\n}\r\n\r\n.dda-number-field .dda-input-dropdown-list {\r\n top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-number-field .dda-input-dropdown-list {\r\n top: 41px;\r\n}\r\n\r\n/*text ares*/\r\n.dda-input-textarea {\r\n height: auto;\r\n min-height: 120px;\r\n resize: vertical;\r\n}\r\n\r\n/*Search Field*/\r\n.dda-search-area {\r\n position: relative;\r\n}\r\n\r\n.dda-search-area .icon-left {\r\n position: absolute;\r\n top: 16px;\r\n inset-inline-start: 15px;\r\n font-size: 24px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.light-mode .dda-search-area .icon-left{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-size-small .dda-search-area .icon-left {\r\n top: 14px;\r\n}\r\n\r\n.dda-search-area .dda-search-btngroup {\r\n height: 40px;\r\n position: absolute;\r\n top: 7px;\r\n inset-inline-end: 7px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n top: 4px;\r\n}\r\n\r\n.dda-search-area .dda-search-close-icon {\r\n display: flex;\r\n color: var(--dda-on-surface-variant-30);\r\n font-size: 20px;\r\n margin: 0px;\r\n padding: 0px;\r\n background: none;\r\n border: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.light-mode .dda-search-area .dda-search-close-icon{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n padding: 8px 26px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n padding-inline-start: 40px;\r\n}\r\n.dda-search-action .dda-search-field.has-search-button{\r\n padding-inline-end: 110px;\r\n}\r\n.dda-search-sm .icon-left {\r\n top: 14px;\r\n}\r\n\r\n.dda-search-sm .dda-search-btngroup {\r\n top: 4px;\r\n}\r\n\r\n/*Phone Field*/\r\n.dda-phone-field-group {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.dda-phone-field-group.dda-phone-field-small {\r\n height: 48px;\r\n}\r\n\r\n.dda-phone-field-group.focused,\r\n.dda-phone-field-group.filled {\r\n outline: none;\r\n border-color: var(--dda-color-primary-40);\r\n box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-phone-field-group.error {\r\n border-color: var(--dda-color-error-40);\r\n box-shadow: none;\r\n}\r\n\r\n.phone-field-country-code {\r\n border: none;\r\n background: none;\r\n margin-inline-end: 0.5rem;\r\n font-size: 1rem;\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n.phone-field-country-code:focus-within {\r\n outline: 0;\r\n}\r\n\r\n.dda-phone-field .dda-input-dropdown-list {\r\n top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-phone-field .dda-input-dropdown-list {\r\n top: 41px;\r\n}\r\n\r\n/*Credit Card Field*/\r\n.dda-credit-card-field .dda-creditcard-icon {\r\n width: 40px;\r\n position: absolute;\r\n top: 14px;\r\n inset-inline-start: 15px;\r\n}\r\n\r\n.dda-input-size-small .dda-creditcard-icon {\r\n top: 11px;\r\n}\r\n\r\n.dda-credit-card-field .dda-input-field {\r\n padding: 8px 16px 8px 65px;\r\n}\r\n[dir=\"rtl\"] .dda-credit-card-field .dda-input-field {\r\n padding: 8px 65px 8px 16px;\r\n}\r\n/*Select Field*/\r\n.dda-select-header {\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.dda-select-header i {\r\n font-size: 28px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-select-header .dda-select-button-label:empty {\r\n flex-grow: 1;\r\n}\r\n/*Rich Text Editor*/\r\n.dda-input-container.dda-richtext-editor {\r\n gap: 0px;\r\n}\r\n\r\n.dda-richtext-editor .dda-input-label {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.dda-richtext-editor .dda-helper-text,\r\n.dda-richtext-editor .dda-error-message {\r\n margin-top: 8px;\r\n}\r\n\r\n.dda-richtext-editor .ql-toolbar.ql-snow {\r\n border: 1px solid var(--dda-neutral-90) !important;\r\n border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.dda-richeditor-field {\r\n border: 1px solid var(--dda-neutral-90) !important;\r\n border-radius: 0 0 8px 8px;\r\n}\r\n\r\n.dda-richeditor-field .ql-editor {\r\n height: 100px;\r\n font-size: var(--font-caption);\r\n}\r\n\r\n/*Attach Files*/\r\n\r\n.dda-input-field-group.dda-attach-file {\r\n padding-inline-end: 6px;\r\n}\r\n\r\n.dda-file-input {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.dda-file-input span {\r\n font-size: var(--font-caption);\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-file-input span{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-file-choose {\r\n height: 40px;\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-color-primary-40);\r\n font-weight: var(--dda-fw-500);\r\n padding: 8px 16px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n}\r\n.dda-file-choose:focus{\r\n outline: solid 1px var(--dda-color-primary-40);\r\n outline-offset: -1px;\r\n}\r\n\r\n.light-mode .dda-file-choose {\r\n color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-input-disabled .dda-file-choose {\r\n background-color: var(--dda-neutral-95);\r\n}\r\n\r\n.dda-file-choose input {\r\n display: none;\r\n}\r\n\r\n.dda-file-details {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-inline-end: 10px;\r\n}\r\n\r\n.dda-file-icon {\r\n width: 34px;\r\n height: 34px;\r\n}\r\n\r\n.dda-items {\r\n width: calc(100% - 30px);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.dda-file-details .remove-file{\r\n margin: 0;\r\n padding: 0;\r\n background: transparent;\r\n border: transparent;\r\n}\r\n.dda-file-details .remove-file svg{\r\n font-size: var(--font-caption);\r\n}\r\n.dda-file-name {\r\n width: 100%;\r\n font-size: var(--font-caption);\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n position: relative;\r\n text-overflow: ellipsis\r\n}\r\n.dda-file-name::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n\r\n\r\n\r\n.dda-remove-file {\r\n font-size: 20px;\r\n background: transparent;\r\n border: transparent;\r\n color: var(--dda-on-surface-variant-30);\r\n cursor: pointer;\r\n padding: 0px;\r\n}\r\n\r\ninput[type=\"date\"]::-webkit-input-placeholder {\r\n color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::-moz-placeholder {\r\n color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::placeholder {\r\n color: transparent;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, Method, h, Host } from '@stencil/core';\r\nimport pdfIcon from '../../assets/img/icn/file_icons/icn-PDF.svg';\r\nimport pptIcon from '../../assets/img/icn/file_icons/icn-PowerPoint.svg';\r\nimport wordIcon from '../../assets/img/icn/file_icons/icn-Word.svg';\r\nimport excelIcon from '../../assets/img/icn/file_icons/icn-Excel.svg';\r\nimport imageIcon from '../../assets/img/icn/file_icons/icn-Image.svg';\r\nimport videoIcon from '../../assets/img/icn/file_icons/icn-Video.svg';\r\nimport onenoteIcon from '../../assets/img/icn/file_icons/icn-OneNote.svg';\r\nimport defaultIcon from '../../assets/img/icn/file_icons/icn-default.svg';\r\n\r\n@Component({\r\n tag: 'dda-attach-file',\r\n styleUrls: ['../../global/input.css'],\r\n shadow: false,\r\n})\r\nexport class DdaAttachFile {\r\n @Prop() label: string;\r\n @Prop() place_holder: string;\r\n @Prop() upload_button_text: string;\r\n @Prop() helper_text: string;\r\n @Prop() success_text: string;\r\n @Prop() error_message: string;\r\n @Prop() size?: string;\r\n @Prop() validation_type?: string;\r\n @Prop() validation_id: string = 'text';\r\n @Prop() input_type?: string;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() aria_label?: string = '';\r\n @Prop() button_aria_label?: string = '';\r\n @Prop() input_id: string;\r\n @Prop() input_name?: string;\r\n @Prop() button_id: string;\r\n @Prop() delete_button_id: string;\r\n @Prop() button_name?: string;\r\n @Prop() accept?: string;\r\n @Prop() disabled: boolean = false;\r\n\r\n @Prop() max_file_size: number = 5; // in MB\r\n @Prop() file_size_error_message: string = 'File size should not exceed {max} MB';\r\n \r\n @State() file: File | null = null;\r\n @State() isFileUploaded: boolean = false;\r\n @State() internalErrorMessage: string = '';\r\n\r\n private fileInputRef: HTMLInputElement;\r\n\r\n @Event() fileChanged: EventEmitter<File | null>;\r\n\r\n @Method()\r\n async getFile(): Promise<File | null> {\r\n return this.file;\r\n }\r\n\r\n private fileIcons = {\r\n pdf: pdfIcon,\r\n pptx: pptIcon,\r\n docx: wordIcon,\r\n xlsx: excelIcon,\r\n png: imageIcon,\r\n jpg: imageIcon,\r\n jpeg: imageIcon,\r\n mp4: videoIcon,\r\n mkv: videoIcon,\r\n one: onenoteIcon,\r\n };\r\n\r\n handleFileInput(event: Event) {\r\n console.log(this.fileInputRef.value);\r\n \r\n const files = (event.target as HTMLInputElement)?.files;\r\n if (files && files.length > 0) {\r\n const selectedFile = files[0];\r\n const fileSizeInMB = selectedFile.size / (1024 * 1024);\r\n\r\n if (this.max_file_size && fileSizeInMB > this.max_file_size) {\r\n this.file = null;\r\n this.isFileUploaded = false;\r\n this.internalErrorMessage = this.file_size_error_message.replace('{max}', this.max_file_size.toString());\r\n this.validation_type = 'error';\r\n this.fileChanged.emit(null);\r\n return;\r\n }\r\n\r\n this.file = selectedFile;\r\n this.isFileUploaded = true;\r\n this.internalErrorMessage = '';\r\n this.validation_type = 'normal';\r\n this.fileChanged.emit(this.file);\r\n } else {\r\n this.file = null;\r\n this.isFileUploaded = false;\r\n this.internalErrorMessage = '';\r\n this.validation_type = 'normal';\r\n this.fileChanged.emit(null);\r\n }\r\n }\r\n\r\n removeFile() {\r\n this.file = null;\r\n this.isFileUploaded = false;\r\n if (this.fileInputRef) {\r\n this.fileInputRef.value = null;\r\n}\r\n this.internalErrorMessage = '';\r\n this.validation_type = 'normal';\r\n this.fileChanged.emit(null);\r\n }\r\n\r\n getFileIcon(fileName: string) {\r\n const extension = fileName.split('.').pop()?.toLowerCase();\r\n return this.fileIcons[extension] || defaultIcon;\r\n }\r\n\r\n render() {\r\n const inputClass = [\r\n 'dda-input-container',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.size ? `dda-input-size-${this.size}` : '',\r\n this.input_type ? `dda-input-${this.input_type}` : '',\r\n this.custom_class,\r\n this.component_mode,\r\n ].filter(Boolean).join(' ');\r\n\r\n const shouldShowError = this.validation_type === 'error' && (this.internalErrorMessage || this.error_message);\r\n\r\n return (\r\n <Host>\r\n <div class={inputClass}>\r\n {this.label && (\r\n <span class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n {this.label}\r\n </span>\r\n )}\r\n\r\n <div class=\"dda-input-field-group dda-attach-file\">\r\n {this.file ? (\r\n <div class=\"dda-file-details\">\r\n <div class=\"dda-items\">\r\n <img src={this.getFileIcon(this.file.name)} alt=\"File Icon\" class=\"dda-file-icon\" />\r\n <span class=\"dda-file-name\" title={this.file.name}>{this.file.name}</span>\r\n </div>\r\n <button\r\n type=\"button\"\r\n class=\"remove-file\"\r\n name={this.button_name}\r\n id={this.delete_button_id}\r\n role=\"button\"\r\n tabIndex={0}\r\n aria-label={this.button_aria_label || 'Remove file'}\r\n onClick={() => this.removeFile()}\r\n disabled={this.disabled}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n </button>\r\n </div>\r\n ) : (\r\n <div class=\"dda-file-input\">\r\n <span>{this.place_holder || 'No File Selected'}</span>\r\n <button\r\n type=\"button\"\r\n class=\"dda-file-choose\"\r\n name={this.button_name}\r\n id={this.button_id}\r\n tabIndex={0}\r\n aria-labelledby={`${this.button_id}-label`}\r\n onClick={() => this.fileInputRef?.click()}\r\n disabled={this.disabled}\r\n >\r\n {this.upload_button_text || 'Choose File'}\r\n </button>\r\n <span id={`${this.button_id}-label`} class=\"visually-hidden\">\r\n {this.upload_button_text || 'Choose File'}\r\n </span>\r\n\r\n <label htmlFor={this.input_id} class=\"visually-hidden\">\r\n {this.label}\r\n </label>\r\n <input\r\n id={this.input_id}\r\n name={this.input_name}\r\n type=\"file\"\r\n accept={this.accept}\r\n disabled={this.disabled}\r\n hidden\r\n ref={(el) => (this.fileInputRef = el as HTMLInputElement)}\r\n onInput={(event) => this.handleFileInput(event)}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n\r\n {shouldShowError ? (\r\n <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\" aria-live=\"assertive\">\r\n <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n <span>{this.internalErrorMessage || this.error_message}</span>\r\n </span>\r\n </span>\r\n ) : this.isFileUploaded && this.success_text ? (\r\n <span class=\"dda-success-text\" id={this.validation_id} role=\"status\" aria-live=\"polite\">\r\n <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">check</i>\r\n <span>{this.success_text}</span>\r\n </span>\r\n </span>\r\n ) : this.helper_text ? (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n <span>{this.helper_text}</span>\r\n </span>\r\n </span>\r\n ) : null}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

	@@ -1 +0,0 @@
1	- {"file":"dda-avatar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/dda-banner-card.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-interface DdaBannerCard extends Components.DdaBannerCard, HTMLElement {}
-export const DdaBannerCard: {
-    prototype: DdaBannerCard;
-    new (): DdaBannerCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dda-banner-card.js DELETED Viewed

@@ -1,8 +0,0 @@
-import { D as DdaBannerCard$1, d as defineCustomElement$1 } from './p-a29298cf.js';
-const DdaBannerCard = DdaBannerCard$1;
-const defineCustomElement = defineCustomElement$1;
-export { DdaBannerCard, defineCustomElement };
-//# sourceMappingURL=dda-banner-card.js.map

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

	@@ -1 +0,0 @@
1	- {"file":"dda-banner-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1 +0,0 @@

- {"file":"dda-breadcrumb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,skCAAskC,CAAC;AAChmC,4BAAe,gBAAgB;;MCMlBA,eAAa;IAL1B;;;;QAMU,WAAM,GAAkC,MAAM,CAAC;QAC/C,cAAS,GAAmC,eAAe,CAAC;QAC5D,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE3B,oBAAe,GAAW,EAAE,CAAC;QAI7B,iBAAY,GAAqB,OAAO,CAAC;QAEjD,gBAAW,GAAkD,EAAE,CAAC;KA2CjE;IAzCC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAChD;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,IAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,IAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW;YACf,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChC,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,IACvF;;gBAEE,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,MAAM,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,EACpE,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,IAAI,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;eAEpF,IAAI,CAAC,MAAM,KAAK,MAAM,KACrB,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAC3C,KAAK,CAAC,IAAI,CACT,CACL,EACA,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD,EACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAClC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IACrE,IAAI,CAAC,SAAS,CACb,CACL,CACE,CACN,CAAC,CACD,CACD,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaBreadcrumb"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.css?tag=dda-breadcrumb","src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"sourcesContent":[".dda-breadcrumb {\r\n display: inline-flex;\r\n align-items: center;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.dda-breadcrumb-item {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.dda-breadcrumb,\r\n.dda-breadcrumb-item{\r\n gap: 10px;\r\n}\r\n\r\n.dda-breadcrumb-item a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n font-size: var(--font-caption);\r\n gap: 4px;\r\n}\r\n.dda-breadcrumb-item a span{\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .dda-breadcrumb-item a span{\r\n color: var(--dda-neutral-0);\r\n}\r\n/**/\r\n.dda-breadcrumb-item i,\r\n.dda-breadcrumb-item svg {\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item i,\r\n.light-mode .dda-breadcrumb-item svg {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n:root[dir='rtl'] .dda-breadcrumb-item > i{\r\n transform: rotate(180deg);\r\n}\r\n/**/\r\n.dda-breadcrumb-item .separator {\r\n margin: 0 8px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item .separator {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n/**/\r\n.dda-breadcrumb-item.active a span{\r\n color: var(--dda-on-surface-variant-30);\r\n font-weight: var(--dda-fw-400);\r\n}\r\n.light-mode .dda-breadcrumb-item.active a span{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n","import { Component, Prop, h, Host, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-breadcrumb',\r\n styleUrls: ['dda-breadcrumb.css'],\r\n shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n @Prop() aria_label?: string = '';\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() dataBreadcrumbs: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n @Event() navigatorClick?: EventEmitter<string>;\r\n @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n componentWillLoad() {\r\n const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n if (breadcrumbsData) {\r\n this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={this.component_mode}>\r\n <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n <ol class=\"dda-breadcrumb\">\r\n {this.breadcrumbs &&\r\n this.breadcrumbs.map((crumb, index) => (\r\n <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n <a\r\n // href={crumb.url}\r\n href={this.useNavigator == \"true\" ? 'javascript:void(0)' : crumb.url}\r\n onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(crumb.url) : \"\"} \r\n >\r\n {this.design !== 'text' && (\r\n <i class={`material-icons`} aria-hidden=\"true\">\r\n {crumb.icon}\r\n </i>\r\n )}\r\n {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n </a>\r\n {index < this.breadcrumbs.length - 1 && (\r\n <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">\r\n {this.separator}\r\n </i>\r\n )}\r\n </li>\r\n ))}\r\n </ol>\r\n </nav>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

	@@ -1 +0,0 @@
1	- {"file":"dda-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/dda-centered-image-card.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-interface DdaCenteredImageCard extends Components.DdaCenteredImageCard, HTMLElement {}
-export const DdaCenteredImageCard: {
-    prototype: DdaCenteredImageCard;
-    new (): DdaCenteredImageCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;