@platformscode/core 0.0.41 → 0.0.43
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.
- package/dist/cjs/dga-accordion.cjs.entry.js +3 -3
- package/dist/cjs/dga-avatar_10.cjs.entry.js +7 -7
- package/dist/cjs/dga-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/dga-circular-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/dga-data-table.cjs.entry.js +4 -4
- package/dist/cjs/dga-date-field.cjs.entry.js +5 -5
- package/dist/cjs/dga-digital-signature.cjs.entry.js +6 -6
- package/dist/cjs/dga-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/dga-helper-text_3.cjs.entry.js +6 -6
- package/dist/cjs/dga-notification.cjs.entry.js +9 -9
- package/dist/cjs/dga-prefix.cjs.entry.js +3 -3
- package/dist/cjs/dga-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/dga-search-box_2.cjs.entry.js +3 -3
- package/dist/cjs/dga-suffix.cjs.entry.js +3 -3
- package/dist/cjs/dga-tag_3.cjs.entry.js +3 -3
- package/dist/cjs/dga-textarea.cjs.entry.js +5 -5
- package/dist/cjs/index-nsu3Hl0J.js +49 -0
- package/dist/collection/components/dga-accordion/dga-accordion.js +3 -3
- package/dist/collection/components/dga-breadcrumbs/dga-breadcrumbs.js +3 -3
- package/dist/collection/components/dga-carousel/dga-carousel.js +5 -5
- package/dist/collection/components/dga-checkbox/dga-checkbox.js +4 -4
- package/dist/collection/components/dga-circular-progress-bar/dga-circular-progress-bar.js +2 -2
- package/dist/collection/components/dga-data-table/dga-data-table.js +4 -4
- package/dist/collection/components/dga-date-field/dga-date-field.js +5 -5
- package/dist/collection/components/dga-digital-signature/dga-digital-signature.js +6 -6
- package/dist/collection/components/dga-drawer/tab-link.js +3 -3
- package/dist/collection/components/dga-dropdown/dga-dropdown.js +4 -4
- package/dist/collection/components/dga-notification/dga-notification.js +9 -9
- package/dist/collection/components/dga-radio-button/dga-radio-button.js +3 -3
- package/dist/collection/components/dga-search-box/dga-search-box.js +3 -3
- package/dist/collection/components/dga-text-input/dga-prefix.js +3 -3
- package/dist/collection/components/dga-text-input/dga-suffix.js +3 -3
- package/dist/collection/components/dga-text-input/dga-text-input.js +6 -6
- package/dist/collection/components/dga-textarea/dga-textarea.js +5 -5
- package/dist/components/dga-accordion-usage.js +1 -1
- package/dist/components/dga-accordion.js +1 -1
- package/dist/components/dga-breadcrumbs-usage.js +1 -1
- package/dist/components/dga-breadcrumbs.js +1 -1
- package/dist/components/dga-card-usage.js +2 -2
- package/dist/components/dga-card-v2-usage.js +2 -2
- package/dist/components/dga-card-v2.js +1 -1
- package/dist/components/dga-card.js +1 -1
- package/dist/components/dga-carousel-usage.js +1 -1
- package/dist/components/dga-carousel.js +1 -1
- package/dist/components/dga-checkbox-usage.js +1 -1
- package/dist/components/dga-checkbox.js +1 -1
- package/dist/components/dga-circular-progress-bar-usage.js +1 -1
- package/dist/components/dga-circular-progress-bar.js +1 -1
- package/dist/components/dga-data-table-usage.js +2 -2
- package/dist/components/dga-data-table.js +1 -1
- package/dist/components/dga-date-field-usage.js +3 -3
- package/dist/components/dga-date-field.js +1 -1
- package/dist/components/dga-datepicker-usage.js +2 -2
- package/dist/components/dga-datepicker.js +1 -1
- package/dist/components/dga-digital-signature-usage.js +1 -1
- package/dist/components/dga-digital-signature.js +1 -1
- package/dist/components/dga-drawer-usage.js +5 -5
- package/dist/components/dga-drawer.js +1 -1
- package/dist/components/dga-dropdown-usage.js +1 -1
- package/dist/components/dga-dropdown.js +1 -1
- package/dist/components/dga-filteration-usage.js +4 -4
- package/dist/components/dga-filteration.js +1 -1
- package/dist/components/dga-header-menu-item-usage.js +6 -6
- package/dist/components/dga-header-usage.js +6 -6
- package/dist/components/dga-notification-usage.js +1 -1
- package/dist/components/dga-notification.js +1 -1
- package/dist/components/dga-prefix.js +1 -1
- package/dist/components/dga-radio-button-usage.js +1 -1
- package/dist/components/dga-radio-button.js +1 -1
- package/dist/components/dga-search-box-usage.js +1 -1
- package/dist/components/dga-search-box.js +1 -1
- package/dist/components/dga-suffix.js +3 -3
- package/dist/components/dga-table-usage.js +2 -2
- package/dist/components/dga-text-input-usage.js +2 -2
- package/dist/components/dga-text-input.js +1 -1
- package/dist/components/dga-textarea-usage.js +1 -1
- package/dist/components/dga-textarea.js +1 -1
- package/dist/components/{p-DO7uMswl.js → p-18GCeSgG.js} +3 -3
- package/dist/components/{p-CkrKU8LT.js → p-B-UGwgxZ.js} +1 -1
- package/dist/components/{p-BPYjkMXk.js → p-B4jHkHA3.js} +9 -9
- package/dist/components/p-BDKaANDL.js +26 -0
- package/dist/components/{p-BfqAXWiO.js → p-ByMp9EjR.js} +4 -4
- package/dist/components/{p-D6tb0oHm.js → p-C7iRYqgf.js} +5 -5
- package/dist/components/{p-Ba3TKxFU.js → p-CIVfat7I.js} +3 -3
- package/dist/components/{p-DjUvobkF.js → p-CJHKPaw6.js} +3 -3
- package/dist/components/{p-BOcJ5uYI.js → p-CK6KgfFX.js} +3 -3
- package/dist/components/{p-DfOADgOp.js → p-CQe3QqL4.js} +6 -6
- package/dist/components/{p-CV2QLWK2.js → p-CY9Sw6AO.js} +3 -3
- package/dist/components/{p-BLTNHovq.js → p-CinM4nUp.js} +3 -3
- package/dist/components/{p-8dd1fm-N.js → p-CmYaSbDn.js} +7 -7
- package/dist/components/{p-CDGXYCS6.js → p-CsphMl2v.js} +3 -3
- package/dist/components/{p-BmWptYPl.js → p-D5Cpd9xK.js} +4 -4
- package/dist/components/{p-mcG79Vs_.js → p-DF2jVPHe.js} +1 -1
- package/dist/components/{p-xRtwXXic.js → p-DK1DDe0n.js} +2 -2
- package/dist/components/{p-BSsNv6XT.js → p-DQFEeefz.js} +4 -4
- package/dist/components/{p-D2AyJFCG.js → p-Dbf3TNi7.js} +1 -1
- package/dist/components/{p-3gzvIJqJ.js → p-De4gjRps.js} +2 -2
- package/dist/components/{p-Bcy3ZbH9.js → p-DwmJwhYP.js} +3 -3
- package/dist/components/{p-C1mO7Mk4.js → p-FNDPN3qX.js} +6 -6
- package/dist/components/{p-C33_EVMQ.js → p-PgJxksGN.js} +5 -5
- package/dist/components/{p-C7KNGtow.js → p-SRD2yMq3.js} +5 -5
- package/dist/components/{p-BH2DgT3n.js → p-x5o6HsqZ.js} +1 -1
- package/dist/components/side-panel-menu.js +1 -1
- package/dist/components/submenu-component.js +1 -1
- package/dist/components/tab-component.js +1 -1
- package/dist/components/tab-link.js +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-ca658904.entry.js → p-0693781c.entry.js} +1 -1
- package/dist/core/p-1914b56c.entry.js +1 -0
- package/dist/core/p-1eb7f174.entry.js +1 -0
- package/dist/core/{p-c5766c7b.entry.js → p-250e442a.entry.js} +1 -1
- package/dist/core/{p-0fc50a9a.entry.js → p-3786be86.entry.js} +1 -1
- package/dist/core/p-57002251.entry.js +1 -0
- package/dist/core/{p-17884b9c.entry.js → p-83e89844.entry.js} +1 -1
- package/dist/core/{p-15a804c0.entry.js → p-9a64b77c.entry.js} +1 -1
- package/dist/core/{p-ee9eebbf.entry.js → p-9ac9e25d.entry.js} +1 -1
- package/dist/core/p-9acb85f8.entry.js +1 -0
- package/dist/core/p-9cab465d.entry.js +1 -0
- package/dist/core/p-CzSbvsrF.js +1 -0
- package/dist/core/{p-dda02fce.entry.js → p-b97fddf9.entry.js} +1 -1
- package/dist/core/{p-4011fa2f.entry.js → p-d0d21a28.entry.js} +1 -1
- package/dist/core/{p-45836373.entry.js → p-d0fd209c.entry.js} +1 -1
- package/dist/core/p-d18819d2.entry.js +1 -0
- package/dist/core/{p-90c8f575.entry.js → p-d8855e6e.entry.js} +1 -1
- package/dist/esm/dga-accordion.entry.js +3 -3
- package/dist/esm/dga-avatar_10.entry.js +7 -7
- package/dist/esm/dga-checkbox.entry.js +4 -4
- package/dist/esm/dga-circular-progress-bar.entry.js +2 -2
- package/dist/esm/dga-data-table.entry.js +4 -4
- package/dist/esm/dga-date-field.entry.js +5 -5
- package/dist/esm/dga-digital-signature.entry.js +6 -6
- package/dist/esm/dga-dropdown.entry.js +4 -4
- package/dist/esm/dga-helper-text_3.entry.js +6 -6
- package/dist/esm/dga-notification.entry.js +9 -9
- package/dist/esm/dga-prefix.entry.js +3 -3
- package/dist/esm/dga-radio-button.entry.js +3 -3
- package/dist/esm/dga-search-box_2.entry.js +3 -3
- package/dist/esm/dga-suffix.entry.js +3 -3
- package/dist/esm/dga-tag_3.entry.js +3 -3
- package/dist/esm/dga-textarea.entry.js +5 -5
- package/dist/esm/index-CzSbvsrF.js +26 -0
- package/package.json +2 -2
- package/dist/cjs/index-BKdUE5XK.js +0 -59
- package/dist/collection/assets/icons/index.js +0 -31
- package/dist/components/p-BdIwaaMc.js +0 -33
- package/dist/core/p-397f73c9.entry.js +0 -1
- package/dist/core/p-3a8c8253.entry.js +0 -1
- package/dist/core/p-46d64e7f.entry.js +0 -1
- package/dist/core/p-67587133.entry.js +0 -1
- package/dist/core/p-BYA91_SW.js +0 -1
- package/dist/core/p-e769c217.entry.js +0 -1
- package/dist/core/p-e9f54e9e.entry.js +0 -1
- package/dist/esm/index-BYA91_SW.js +0 -33
- package/dist/types/assets/icons/index.d.ts +0 -31
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-CgKhFr-4.js');
|
|
4
4
|
var index$1 = require('./index-BCWGzgj9.js');
|
|
5
5
|
var dir = require('./dir-BgBDbebe.js');
|
|
6
|
-
var index$2 = require('./index-
|
|
6
|
+
var index$2 = require('./index-nsu3Hl0J.js');
|
|
7
7
|
|
|
8
8
|
const dgaRadioButtonCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.radio__helper-text{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.radio__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.radio__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{width:fit-content}.radio{display:inline-flex;gap:var(--spacing-xl);padding:var(--spacing-md);cursor:pointer;user-select:none}.radio:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.radio-main{flex-direction:column;gap:var(--spacing-xs);max-width:382px}.radio-main,.radio-main__content{display:flex;column-gap:var(--spacing-xl)}.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio input:checked~.radio-container::before{transform:translate(-50%, -50%) scale(1)}.radio input:hover~.radio-container::after{transform:translate(-50%, -50%) scale(1)}.radio.active input:not(:checked)~.radio-container{background-color:var(--controls-control-pressed)}.radio-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-full);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.radio-container::after,.radio-container::before{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.radio-container::before{background-color:var(--controls-control-primary-pressed);width:15px;height:15px;z-index:0;transition:all 0.1s ease-in-out}.radio input:disabled~.radio-container{border-color:var(--control-disabled)}.radio input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio input:disabled~.radio__label,.radio input:disabled~div>.radio__label,.radio input:disabled~div>.radio__helper-text{color:var(--control-disabled)}.radio__helper-text{color:var(--text-primary-paragraph);margin-block:var(--spacing-xs)}.radio__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.radio__warning-icon{width:16px;height:16px;color:var(--icon-error)}.radio--brand input:checked~.radio-container{border-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio__label,.radio--brand input:checked~div>.radio__label{color:var(--controls-control-primary-checked)}.radio--brand.active input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:disabled~.radio-container{border-color:var(--control-disabled)}.radio--brand input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio--brand input:disabled~.radio__label,.radio--brand input:disabled~div>.radio__label,.radio--brand input:disabled~div>.radio__helper-text{color:var(--control-disabled)}";
|
|
9
9
|
|
|
@@ -128,12 +128,12 @@ const RadioButton = class {
|
|
|
128
128
|
inlineStyles[key] = value;
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
-
return (index.h("label", { key: '
|
|
131
|
+
return (index.h("label", { key: '83d3402537b0b79ca207408d979cdb82af4d2cb8', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, index.h("div", { key: 'f4ea6daacc5a8e9891d7ad7790545c87d8cc6c11', class: "radio-main" }, index.h("div", { key: 'da8713620b654599d435002215b53fff1c07d737', class: "radio-main__content" }, index.h("input", { key: 'a6a37c04e5be9faef1ae206e68ae4b4c1f17c727', type: "radio", name: this.name, value: this.value,
|
|
132
132
|
// id={this.id}
|
|
133
133
|
onChange: this.onChange, onInput: this.onInput, disabled: this.disabled,
|
|
134
134
|
// onFocus={this.handleFocus}
|
|
135
135
|
// onBlur={this.handleFocusOut}
|
|
136
|
-
checked: this.checked }), index.h("div", { key: '
|
|
136
|
+
checked: this.checked }), index.h("div", { key: 'e3d852912da3a75e09693a5d6c3898d4a9eea7df', class: "radio-container" }), (this.label || this.hasHelperText) && index.h("div", { key: 'fb3e5117f5cb130eeaa8100a84682eadf88b9f47', class: "dga-flex-column" }, this.label && index.h("span", { key: '1c7cef7b4d46e6dcd9516487932277ffc91f552d', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && index.h("span", { key: '3844cbc7a7bea824a19e6d1be00b55893c0fc5dc', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (index.h("div", { key: 'e1e0c0425837df8d01e9a85e48f2749a1f46005a', class: "radio__warning" }, index.h("span", { key: '53a634e554107e54719010a74ffa5dfee158e78e', class: "radio__warning-icon" }, index.h("dga-icon", { key: 'c7e370659b521717d8f7c0f0e1af0015678bf68e', icon: index$2.alertCircleStroke, size: 16 })), index.h("span", { key: 'dc1899a687cc92e86d9f74d81656d5c3692af30d', class: "radio__warning-text" }, this.alertText))))));
|
|
137
137
|
}
|
|
138
138
|
get el() { return index.getElement(this); }
|
|
139
139
|
static get watchers() { return {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-CgKhFr-4.js');
|
|
4
4
|
var index$1 = require('./index-BCWGzgj9.js');
|
|
5
5
|
var dir = require('./dir-BgBDbebe.js');
|
|
6
|
-
var index$2 = require('./index-
|
|
6
|
+
var index$2 = require('./index-nsu3Hl0J.js');
|
|
7
7
|
var sxHandler = require('./sx-handler-B_o_us-z.js');
|
|
8
8
|
require('./sx-style-manager-MFMlOw-g.js');
|
|
9
9
|
|
|
@@ -117,12 +117,12 @@ const DgaSearchBox = class {
|
|
|
117
117
|
render() {
|
|
118
118
|
const { el } = this;
|
|
119
119
|
const dir$1 = dir.isRTL(el) ? 'rtl' : 'ltr';
|
|
120
|
-
return (index.h(index.Host, { key: '
|
|
120
|
+
return (index.h(index.Host, { key: 'b10ccef922f81c7ff2b64436621b4fa19e0cf83f', dir: dir$1 }, index.h("div", { key: '319376a296e30f5cb0e6d514c630a233001dba29', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: 'b2257e92abe6e5eb95754c2df3a79bdb4bb176f0', class: "dga-label" }, this.label), index.h("div", { key: '45269d6fe0dc7630619fc4cc378504932baf21cb', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (index.h("span", { key: 'bf33a792a07f2e75d939e99da1381ab89520354d', class: "dga-search-box__icon" }, index.h("svg", { key: '39aaca3c8a76ca6ff58a1f66166b02706753c4dd', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '41dcfdeba9c405e77a7c477749bc0e860e5bb61a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), index.h("input", { key: 'd77feee603aca1b02afb8b4dc4c073ac7fed579a', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
|
|
121
121
|
this.isFocused = false;
|
|
122
122
|
this.onBlur.emit(e);
|
|
123
123
|
}, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
|
|
124
124
|
this.handleInputChange(event);
|
|
125
|
-
} }), index.h("div", { key: '
|
|
125
|
+
} }), index.h("div", { key: '1575275bf2ab98cf1b2e7c522eeec05714d01c49', class: "dga-search-box__actions" }, this.value.length > 0 && (index.h(index.Fragment, { key: '3c53a5304a6ecb17e2610df6dc67bf986f0d98d3' }, index.h("button", { key: '2a433a8916ffe3ad77201151e1e62dc13adb59c8', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, index.h("dga-icon", { key: 'c8f289fbbaf521d5e7127df513ece49e8d9ae44d', icon: index$2.cancel01Stroke, size: 20 })), index.h("svg", { key: '70630bd8de9c5652e8bbc4dcad3ef00fccc6243c', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, index.h("rect", { key: '59a16a700b5ed7ce8aae721766953803d2c536f5', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (index.h("dga-tooltip", { key: 'efcf0190e1e69d1f0ddd7fcfbccd099dd26fbc77', tooltipTitle: dir.isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, index.h("button", { key: 'd8fad0f1d87f2f0636bd7b0cdb1e13dd333cf256', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01Stroke, size: 20 }))) : (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01Stroke, size: 20 })))))))))));
|
|
126
126
|
}
|
|
127
127
|
get el() { return index.getElement(this); }
|
|
128
128
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-CgKhFr-4.js');
|
|
4
|
-
var index$1 = require('./index-
|
|
4
|
+
var index$1 = require('./index-nsu3Hl0J.js');
|
|
5
5
|
|
|
6
6
|
const DgaSuffix = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -27,10 +27,10 @@ const DgaSuffix = class {
|
|
|
27
27
|
if (this.type === 'text') {
|
|
28
28
|
return (index.h("div", { class: `input__suffix input__suffix--${this.variant}-text` }, index.h("span", { class: "input__suffix-label" }, this.label)));
|
|
29
29
|
}
|
|
30
|
-
return (index.h(index.Fragment, null, index.h("button", { class: `input__suffix input__suffix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handleSuffixClick(), ref: el => (this.suffixBtn = el) }, index.h("span", { class: "input__suffix-icon" }, this.icon), index.h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), index.h("span", { class: "input__suffix-label" }, this.label), index.h("span", { class: "input__suffix-chevron" }, index.h("dga-icon", { icon: index$1.
|
|
30
|
+
return (index.h(index.Fragment, null, index.h("button", { class: `input__suffix input__suffix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handleSuffixClick(), ref: el => (this.suffixBtn = el) }, index.h("span", { class: "input__suffix-icon" }, this.icon), index.h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), index.h("span", { class: "input__suffix-label" }, this.label), index.h("span", { class: "input__suffix-chevron" }, index.h("dga-icon", { icon: index$1.arrowDown01Stroke }))), index.h("ul", { class: "input__dropdown-list" }, this.options &&
|
|
31
31
|
this.options.map(option => {
|
|
32
32
|
var _a;
|
|
33
|
-
return (index.h("li", { key: option.value }, index.h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, index.h("span", { class: "dropdown__option-label" }, option.label), index.h("span", { class: "dropdown__option-icon" }, index.h("dga-icon", { icon: index$1.
|
|
33
|
+
return (index.h("li", { key: option.value }, index.h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, index.h("span", { class: "dropdown__option-label" }, option.label), index.h("span", { class: "dropdown__option-icon" }, index.h("dga-icon", { icon: index$1.tick02Solid })))));
|
|
34
34
|
}))));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-CgKhFr-4.js');
|
|
4
4
|
var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
|
|
5
|
-
var index$1 = require('./index-
|
|
5
|
+
var index$1 = require('./index-nsu3Hl0J.js');
|
|
6
6
|
|
|
7
7
|
const dgaTagCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.tag--lg,.tag{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.tag--md{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold,.tag--sm{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.tags .dga-flex-column{align-items:flex-start}.tags .flex{gap:1rem}.tag{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm)}.tag-icon{display:flex;padding:1.875px 1.5px;justify-content:center;align-items:center}.tag--lg{height:32px}.tag--lg span.tag-icon{width:18px;height:18px}.tag--md{height:24px}.tag--md span.tag-icon{width:14px;height:14px}.tag--sm{height:20px}.tag--sm span.tag-icon{width:10px;height:10px}.tag--rounded{border-radius:var(--radius-full)}.tag--icon{padding:0}.tag--icon.tag--lg{width:32px;height:32px}.tag--icon.tag--md{width:24px;height:24px}.tag--icon.tag--sm{width:20px;height:20px}.tag--neutral{color:var(--tag-text-neutral);background:var(--tag-background-neutral-light);border:1px solid var(--border-neutral-secondary)}.tag--neutral-outlined{border:1px solid var(--tag-border-neutral);background-color:transparent;color:var(--tag-text-neutral)}.tag--neutral svg{color:currentColor;stroke:currentColor}.tag--success{color:var(--tag-text-success);background-color:var(--tag-background-success-light);border:1px solid var(--tag-border-success-light)}.tag--success-outlined{border:1px solid var(--tag-border-success);background-color:transparent;color:var(--tag-text-success)}.tag--success svg{color:currentColor;stroke:currentColor}.tag--error{color:var(--tag-text-error);background-color:var(--tag-background-error-light);border:1px solid var(--tag-border-error-light)}.tag--error-outlined{border:1px solid var(--tag-border-error);background-color:transparent;color:var(--tag-text-error)}.tag--error svg{color:currentColor;stroke:currentColor}.tag--warning{color:var(--tag-text-warning);background-color:var(--tag-background-warning-light);border:1px solid var(--tag-border-warning-light)}.tag--warning-outlined{border:1px solid var(--tag-border-error);background-color:transparent;color:var(--tag-text-warning)}.tag--warning svg{color:currentColor;stroke:currentColor}.tag--info{color:var(--tag-text-info);background-color:var(--tag-background-info-light);border:1px solid var(--tag-border-info-light)}.tag--info-outlined{border:1px solid var(--tag-border-info);background-color:transparent;color:var(--tag-text-info)}.tag--info svg{color:currentColor;stroke:currentColor}.tag--purple{color:var(--colors-purple-700);background-color:var(--colors-purple-50);border:1px solid var(--colors-purple-200)}.tag--purple-outlined{border:1px solid var(--colors-purple-500);background-color:transparent;color:var(--colors-purple-700)}.tag--purple svg{color:currentColor;stroke:currentColor}.tag--pink{color:var(--colors-pink-700);background-color:var(--colors-pink-50);border:1px solid var(--colors-pink-200)}.tag--pink-outlined{border:1px solid var(--colors-pink-500);background-color:transparent;color:var(--colors-pink-700)}.tag--pink svg{color:currentColor;stroke:currentColor}.tag--orange{color:var(--colors-orange-700);background-color:var(--colors-orange-50);border:1px solid var(--colors-orange-200)}.tag--orange-outlined{border:1px solid var(--colors-orange-500);background-color:transparent;color:var(--colors-orange-700)}.tag--orange svg{color:currentColor;stroke:currentColor}.tag--on-color{color:var(--text-oncolor-primary, #FFF);background:var(--tag-background-on-color, rgba(255, 255, 255, 0.2))}.tag--on-color-outlined{border:1px solid var(--tag-border-on-color, rgba(255, 255, 255, 0.6));background-color:transparent;color:hsl(var(--colors-alpha-white)/90%)}.tag--on-color svg{color:currentColor;stroke:currentColor}";
|
|
8
8
|
|
|
@@ -119,12 +119,12 @@ const TabLink = class {
|
|
|
119
119
|
};
|
|
120
120
|
// External link case
|
|
121
121
|
if (this.externalLink) {
|
|
122
|
-
return (index.h("a", Object.assign({ href: this.link }, commonProps, { tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === 'parent' && (index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.
|
|
122
|
+
return (index.h("a", Object.assign({ href: this.link }, commonProps, { tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === 'parent' && (index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.arrowDown01Stroke, size: 16 }))), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
|
|
123
123
|
}
|
|
124
124
|
// Parent tab case
|
|
125
125
|
if (this.type === 'parent') {
|
|
126
126
|
console.log(this.icon, "this.iconthis.icon");
|
|
127
|
-
return (index.h("a", Object.assign({ href: "#" }, commonProps, { onClick: e => this.toggleTab(e), tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.
|
|
127
|
+
return (index.h("a", Object.assign({ href: "#" }, commonProps, { onClick: e => this.toggleTab(e), tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.arrowDown01Stroke, size: 16 }), " "), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
|
|
128
128
|
}
|
|
129
129
|
// Child tab case (regular link)
|
|
130
130
|
return (index.h("stencil-route-link", Object.assign({ url: this.link }, commonProps, { tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
var index = require('./index-CgKhFr-4.js');
|
|
4
4
|
var index$2 = require('./index-BCWGzgj9.js');
|
|
5
5
|
var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
|
|
6
|
-
var index$1 = require('./index-
|
|
6
|
+
var index$1 = require('./index-nsu3Hl0J.js');
|
|
7
7
|
|
|
8
8
|
const dgaTextareaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular,.dga-textarea__field::placeholder,.dga-textarea__field{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-textarea--lg .dga-textarea__field,.dga-textarea--lg .dga-textarea__field::placeholder,.dga-form-control>.dga-label{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-textarea.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;width:320px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-textarea{display:inline-flex;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);overflow:hidden;position:relative}.dga-textarea:hover{border-color:var(--form-field-border-hovered)}.dga-textarea[data-error=true]{border-color:red}.dga-textarea::after{content:\"\";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-textarea__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-filled);padding:var(--spacing-lg) var(--spacing-xl);resize:none;position:relative}.dga-textarea__field::placeholder{color:var(--form-field-text-placeholder)}.dga-textarea__field[disabled]{cursor:not-allowed}.dga-textarea__field--hidden-scrollbar ::-webkit-scrollbar{display:none}.dga-textarea__field--hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.dga-textarea__field--resize{resize:vertical}.dga-textarea.focus::after{width:100%}.dga-textarea.active::after{width:50%}.dga-textarea--readonly,.dga-textarea--readonly:hover,.dga-textarea--disabled,.dga-textarea--disabled:hover{border-color:var(--input-text-disabled);box-shadow:none !important}.dga-textarea--readonly::after,.dga-textarea--disabled::after{display:none}.dga-textarea--readonly .dga-textarea__field,.dga-textarea--readonly .dga-textarea__field::placeholder,.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--colors-text-primary)}.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--input-text-disabled)}.dga-textarea--disabled .dga-textarea__icon span,.dga-textarea--disabled .dga-textarea__prefix--subtle-text,.dga-textarea--disabled .dga-textarea__prefix--solid-text{color:var(--input-text-disabled)}.dga-textarea__icon{height:100%;display:inline-flex;align-items:center}.dga-textarea__icon span{color:var(--colors-gray-neutral-700);font-size:20px}.dga-textarea__feedback-icon{height:fit-content;display:inline-flex;align-items:center;position:absolute;top:12px;right:16px}.dga-textarea__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-textarea__feedback-icon--success{color:var(--text-success)}.dga-textarea__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-textarea__feedback-icon--error{color:var(--form-field-border-error)}.dga-textarea__feedback-icon--error span::after{background-color:var(--form-field-border-error)}.dga-textarea__feedback-icon--warning{color:var(--text-warning)}.dga-textarea__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-textarea__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-textarea__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-textarea__feedback-icon--ring span::after{content:\"\";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}[dir=rtl] .dga-textarea__feedback-icon{right:auto;left:16px}.dga-textarea__dropdown-btn.open+.dga-textarea__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-textarea--lighter{border:0}.dga-textarea--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--lighter.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--lighter.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-darker)}.dga-textarea--darker{border:0;background-color:var(--form-field-background-darker)}.dga-textarea--darker:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--error,.dga-textarea--error:hover{outline-color:var(--form-field-border-error);border:1px solid var(--form-field-border-error)}.dga-textarea--error::after{background-color:var(--form-field-border-error)}.dga-textarea--lg{height:auto;min-height:96px}.dga-textarea--lg__feedback-icon span{font-size:20px}.dga-textarea.disabled{opacity:0.6}";
|
|
9
9
|
|
|
10
10
|
const feedbackIconTypes = {
|
|
11
|
-
success: index.h("dga-icon", { icon: index$1.
|
|
12
|
-
error: index.h("dga-icon", { icon: index$1.
|
|
13
|
-
warning: index.h("dga-icon", { icon: index$1.
|
|
11
|
+
success: index.h("dga-icon", { icon: index$1.checkmarkCircle02Solid, variant: "solid" }),
|
|
12
|
+
error: index.h("dga-icon", { icon: index$1.alertCircleSolid, variant: "solid" }),
|
|
13
|
+
warning: index.h("dga-icon", { icon: index$1.alert02Solid, variant: "solid" }),
|
|
14
14
|
};
|
|
15
15
|
const DgaTextarea = class {
|
|
16
16
|
constructor(hostRef) {
|
|
@@ -69,7 +69,7 @@ const DgaTextarea = class {
|
|
|
69
69
|
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (index.h(index.Host, { key: '
|
|
72
|
+
return (index.h(index.Host, { key: '238dfdaab7c1abcd3e483e919e42050163b4406e', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '1869300bbe5f96e8b5cb4ba14b29e3f5d0a6610e', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: '9fac63744b4050b7cec12fddd9c2c07e2fc2b787', class: "dga-label" }, this.label), index.h("div", { key: 'c2cb8250b55fe6bd5e0052247fd17a21e9bd117d', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, index.h("textarea", { key: '6e62c6205f85f18eb667b977ba6f3193ef6ba647', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (index.h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (index.h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
|
|
73
73
|
}
|
|
74
74
|
get el() { return index.getElement(this); }
|
|
75
75
|
static get watchers() { return {
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/* NDS Icons v0.0.11, ES Modules */
|
|
4
|
+
|
|
5
|
+
const alert02Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M9.616 3.635c1.058-1.838 3.71-1.838 4.768 0l8.043 13.989c1.054 1.833-.27 4.12-2.384 4.12H3.957c-2.115 0-3.438-2.287-2.384-4.12zm2.896 12.8a.75.75 0 0 0-1.06.056l-.01.011a.75.75 0 1 0 1.115 1.003l.01-.01a.75.75 0 0 0-.055-1.06M12 8.244a.75.75 0 0 0-.75.75v4a.75.75 0 1 0 1.5 0v-4a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/></svg>";
|
|
6
|
+
const alertCircleSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m.512 15.191a.75.75 0 0 0-1.06.056l-.01.012a.75.75 0 1 0 1.116 1.003l.01-.011a.75.75 0 0 0-.056-1.06M12 6.25a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 1.5 0V7a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/></svg>";
|
|
7
|
+
const alertCircleStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M11.452 16.497a.75.75 0 0 1 1.115 1.004l-.01.01a.75.75 0 0 1-1.115-1.003zM12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 1.5a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5' clip-rule='evenodd'/></svg>";
|
|
8
|
+
const arrowDown01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/></svg>";
|
|
9
|
+
const arrowLeft01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M15.53 5.47a.75.75 0 0 1 0 1.06L10.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/></svg>";
|
|
10
|
+
const arrowRight01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M8.471 5.47a.75.75 0 0 0 0 1.06l5.47 5.47-5.47 5.47a.75.75 0 1 0 1.061 1.06l6-6a.75.75 0 0 0 0-1.06l-6-6a.75.75 0 0 0-1.06 0' clip-rule='evenodd'/></svg>";
|
|
11
|
+
const arrowUp01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.47 15.53a.75.75 0 0 0 1.06 0L12 10.06l5.47 5.47a.75.75 0 1 0 1.06-1.06l-6-6a.75.75 0 0 0-1.06 0l-6 6a.75.75 0 0 0 0 1.06' clip-rule='evenodd'/></svg>";
|
|
12
|
+
const cancel01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M6.227 6.227a.75.75 0 0 1 1.061 0l4.713 4.712 4.712-4.712a.75.75 0 1 1 1.06 1.06L13.061 12l4.712 4.712a.75.75 0 1 1-1.06 1.06L12 13.062l-4.713 4.712a.75.75 0 0 1-1.06-1.06L10.94 12 6.227 7.288a.75.75 0 0 1 0-1.061' clip-rule='evenodd'/></svg>";
|
|
13
|
+
const checkmarkCircle02Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m5.53 6.72a.75.75 0 0 0-1.06 0L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0 0-1.06' clip-rule='evenodd'/></svg>";
|
|
14
|
+
const filterStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M21.75 4.142A1.75 1.75 0 0 0 20 2.392H4a1.75 1.75 0 0 0-1.75 1.75v1.586c0 .464.184.91.513 1.238l6.414 6.414a.25.25 0 0 1 .073.177v5.805a1.75 1.75 0 0 0 1.326 1.698l2 .5a1.75 1.75 0 0 0 2.174-1.698v-6.305a.25.25 0 0 1 .073-.177l6.415-6.414a1.75 1.75 0 0 0 .512-1.238zM20 3.892a.25.25 0 0 1 .25.25v1.586a.25.25 0 0 1-.073.177l-6.414 6.414a1.75 1.75 0 0 0-.513 1.238v6.305a.25.25 0 0 1-.31.242l-2-.5a.25.25 0 0 1-.19-.242v-5.805c0-.464-.184-.91-.513-1.238L3.823 5.905a.25.25 0 0 1-.073-.177V4.143a.25.25 0 0 1 .25-.25z' clip-rule='evenodd'/></svg>";
|
|
15
|
+
const informationCircleSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 9.5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-.75-.75m.512-3.809a.75.75 0 0 0-1.06.056l-.01.012a.75.75 0 1 0 1.116 1.003l.01-.011a.75.75 0 0 0-.056-1.06' clip-rule='evenodd'/></svg>";
|
|
16
|
+
const link04Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M8.86 6.25c3.24 0 5.89 2.85 5.89 5.75 0 .41-.34.75-.75.75s-.75-.34-.75-.75c0-2.08-1.99-4.25-4.39-4.25H7.15C4.7 7.75 2.76 9.67 2.76 12c0 2 1.44 3.71 3.41 4.14.31.07.64.11.98.11.41 0 .75.34.75.75s-.34.75-.75.75c-.45 0-.88-.05-1.3-.14-2.62-.58-4.6-2.86-4.6-5.61 0-3.2 2.66-5.75 5.89-5.75z'/><path fill='currentColor' d='M16.86 6.25c.45 0 .88.05 1.3.14 2.61.58 4.59 2.85 4.59 5.61 0 3.19-2.66 5.75-5.89 5.75h-1.71c-3.24 0-5.89-2.85-5.89-5.75 0-.41.34-.75.75-.75s.75.34.75.75c0 2.08 1.99 4.25 4.39 4.25h1.71c2.45 0 4.39-1.92 4.39-4.25 0-2-1.44-3.71-3.41-4.14-.31-.07-.64-.11-.98-.11-.41 0-.75-.34-.75-.75s.34-.75.75-.75'/></svg>";
|
|
17
|
+
const mic01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M19 9.25a.75.75 0 0 1 .75.75v1a7.75 7.75 0 0 1-7 7.713v2.537H15a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h2.25v-2.537a7.75 7.75 0 0 1-7-7.713v-1a.75.75 0 0 1 1.5 0v1a6.25 6.25 0 1 0 12.5 0v-1a.75.75 0 0 1 .75-.75'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25A3.75 3.75 0 0 1 15.75 5v6a3.75 3.75 0 1 1-7.5 0V5A3.75 3.75 0 0 1 12 1.25m0 1.5A2.25 2.25 0 0 0 9.75 5v6a2.25 2.25 0 0 0 4.5 0V5A2.25 2.25 0 0 0 12 2.75' clip-rule='evenodd'/></svg>";
|
|
18
|
+
const minusSignSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.25 11.25a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2z'/></svg>";
|
|
19
|
+
const multiplicationSignCircleSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m3.358 7.392a.75.75 0 0 0-1.06 0L12 10.94 9.701 8.642a.75.75 0 0 0-1.06 1.06L10.94 12l-2.3 2.298a.75.75 0 0 0 1.061 1.06L12 13.06l2.298 2.298a.75.75 0 1 0 1.06-1.06L13.06 12l2.298-2.298a.75.75 0 0 0 0-1.06' clip-rule='evenodd'/></svg>";
|
|
20
|
+
const multiplicationSignStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M16.715 6.228a.75.75 0 0 1 1.06 0l.052.056a.75.75 0 0 1-.052 1.004l-4.536 4.535a.25.25 0 0 0 0 .354l4.536 4.536.052.056a.75.75 0 0 1-1.112 1.004l-4.536-4.536a.25.25 0 0 0-.316-.03l-.038.03-4.535 4.536a.75.75 0 0 1-1.06-1.06l4.535-4.536a.25.25 0 0 0 0-.354L6.229 7.288a.75.75 0 1 1 1.061-1.06l4.535 4.535a.25.25 0 0 0 .354 0z'/></svg>";
|
|
21
|
+
const remove01Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M19 12c0 .55-.44 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.56 0 1 .45 1 1'/></svg>";
|
|
22
|
+
const sortByDown02Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M9.368 6.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 14.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6.08c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 18.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.08c.41 0 .75.34.75.75s-.34.75-.75.75zM1.528 14.95c.13-.12.29-.19.46-.19s.34.07.47.2l1.4 1.44V5.91c0-.36.29-.66.66-.66s.66.29.66.66V16.4l1.4-1.44c.25-.26.67-.27.93-.01.26.25.27.67.01.93l-2.54 2.6c-.12.12-.29.2-.47.2s-.35-.08-.47-.2l-2.52-2.6a.66.66 0 0 1 .01-.93'/></svg>";
|
|
23
|
+
const sortByUp02Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M9.368 6.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 14.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6.08c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 18.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.08c.41 0 .75.34.75.75s-.34.75-.75.75zM1.528 8.98c.13.12.29.19.46.19s.34-.07.47-.2l1.4-1.44v10.49c0 .36.29.66.66.66s.66-.29.66-.66V7.53l1.4 1.44c.25.26.67.27.93.01.26-.25.27-.67.01-.93l-2.54-2.6a.67.67 0 0 0-.47-.2c-.18 0-.35.08-.47.2l-2.52 2.6a.66.66 0 0 0 .01.93'/></svg>";
|
|
24
|
+
const squareLockPasswordStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M12.777 16.015a.777.777 0 1 0-1.554 0v2.072a.777.777 0 0 0 1.554 0z'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25a4.92 4.92 0 0 0-4.922 4.922v2.793a7.771 7.771 0 1 0 9.843 0V6.172A4.92 4.92 0 0 0 12 1.25m0 5.958a7.74 7.74 0 0 0-3.368.765V6.172a3.367 3.367 0 1 1 6.735 0v1.801A7.74 7.74 0 0 0 12 7.208m0 1.554a6.217 6.217 0 1 0 0 12.434 6.217 6.217 0 0 0 0-12.434' clip-rule='evenodd'/></svg>";
|
|
25
|
+
const tick02Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.293 6.293a1 1 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586z'/></svg>";
|
|
26
|
+
const tick03Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.293 6.293a1 1 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586z'/></svg>";
|
|
27
|
+
|
|
28
|
+
exports.alert02Solid = alert02Solid;
|
|
29
|
+
exports.alertCircleSolid = alertCircleSolid;
|
|
30
|
+
exports.alertCircleStroke = alertCircleStroke;
|
|
31
|
+
exports.arrowDown01Stroke = arrowDown01Stroke;
|
|
32
|
+
exports.arrowLeft01Stroke = arrowLeft01Stroke;
|
|
33
|
+
exports.arrowRight01Stroke = arrowRight01Stroke;
|
|
34
|
+
exports.arrowUp01Stroke = arrowUp01Stroke;
|
|
35
|
+
exports.cancel01Stroke = cancel01Stroke;
|
|
36
|
+
exports.checkmarkCircle02Solid = checkmarkCircle02Solid;
|
|
37
|
+
exports.filterStroke = filterStroke;
|
|
38
|
+
exports.informationCircleSolid = informationCircleSolid;
|
|
39
|
+
exports.link04Stroke = link04Stroke;
|
|
40
|
+
exports.mic01Stroke = mic01Stroke;
|
|
41
|
+
exports.minusSignSolid = minusSignSolid;
|
|
42
|
+
exports.multiplicationSignCircleSolid = multiplicationSignCircleSolid;
|
|
43
|
+
exports.multiplicationSignStroke = multiplicationSignStroke;
|
|
44
|
+
exports.remove01Solid = remove01Solid;
|
|
45
|
+
exports.sortByDown02Stroke = sortByDown02Stroke;
|
|
46
|
+
exports.sortByUp02Stroke = sortByUp02Stroke;
|
|
47
|
+
exports.squareLockPasswordStroke = squareLockPasswordStroke;
|
|
48
|
+
exports.tick02Solid = tick02Solid;
|
|
49
|
+
exports.tick03Solid = tick03Solid;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { SxStyleManager } from "../../utils/sx-style-manager";
|
|
3
|
-
import {
|
|
3
|
+
import { arrowDown01Stroke } from "@platformscode/icons";
|
|
4
4
|
export class DgaAccordion {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.title = '';
|
|
@@ -74,10 +74,10 @@ export class DgaAccordion {
|
|
|
74
74
|
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
|
-
return (h(Host, { key: '
|
|
77
|
+
return (h(Host, { key: '181b73d3f7c6eb115e989569f561a9eaca1fbfd5', id: this.componentId, style: this.rootStyles }, h("div", { key: '6118ea7b5ccfb6d3a915c1aeedf4fceba6fd82fe', class: `dga-accordion-item dga-accordion-item--${this.size}
|
|
78
78
|
${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
|
|
79
79
|
${this.flush ? 'dga-accordion-item--flush' : ''}
|
|
80
|
-
${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '
|
|
80
|
+
${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '124db51f4b46ed1ade0cd7da813b6b7f8704684d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '4f4963002350927dd54d8c284d6750316e18e366', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'de4ea604c04398be322d658460fa7dba80ed0fcb', icon: arrowDown01Stroke, size: 16 }))), h("div", { key: '9aafe980e3d2cfcd8ed301f6ae9a116b1312ac0e', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: 'fee3db656a10ca3c2c815681d15fec5585f9f001', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '1f734edd55c7b9f04a2c55877dccc8eb085af934', icon: arrowDown01Stroke, size: 16 })))), h("div", { key: '6d104c561977302ef3c923e9f7c3b89a01c3f2c6', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
|
|
81
81
|
}
|
|
82
82
|
static get is() { return "dga-accordion"; }
|
|
83
83
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, Host, h } from "@stencil/core";
|
|
2
2
|
import { SxStyleManager } from "../../utils/sx-style-manager";
|
|
3
3
|
import { isRTL } from "../../utils/rtl";
|
|
4
|
-
import {
|
|
4
|
+
import { arrowLeft01Stroke, arrowRight01Stroke } from "@platformscode/icons";
|
|
5
5
|
export class DgaBreadcrumbs {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.items = []; // Items will be passed as a JSON string
|
|
@@ -101,12 +101,12 @@ export class DgaBreadcrumbs {
|
|
|
101
101
|
}
|
|
102
102
|
// Add a helper method to get the correct arrow icon
|
|
103
103
|
getArrowIcon() {
|
|
104
|
-
return isRTL(this.el) ?
|
|
104
|
+
return isRTL(this.el) ? arrowLeft01Stroke : arrowRight01Stroke;
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
107
|
const { el } = this;
|
|
108
108
|
const dir = isRTL(el) ? 'rtl' : 'ltr';
|
|
109
|
-
return (h(Host, { key: '
|
|
109
|
+
return (h(Host, { key: '93301b9f955ccd351f2b66db743cff7e85d7bbc2', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: 'e2a36bf12bf3e2f90759a0f7ea3b6513d6660c54', "aria-label": "breadcrumb" }, h("ul", { key: 'b9489fab0d67bde87cd2c60418edc59df95d56d6', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
|
|
110
110
|
if (this.isEllipsisItem(item)) {
|
|
111
111
|
return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
|
|
112
112
|
this.toggleMenu();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
-
import {
|
|
2
|
+
import { arrowLeft01Stroke, arrowRight01Stroke } from "@platformscode/icons";
|
|
3
3
|
export class DgaCarousel {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.DIRECTION = {
|
|
@@ -91,20 +91,20 @@ export class DgaCarousel {
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
|
-
return (h(Host, { key: '
|
|
94
|
+
return (h(Host, { key: '8281b5d5103f1c8f599db6a997e41157a68f0207', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '15fe94e00e30bac50a0502c072f2f4b009d66ee9', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: 'cef5bea86ca0b332688a2a72802b82a2f81413d5', class: {
|
|
95
95
|
'KCarousel-arrow': true,
|
|
96
96
|
'KCarousel-arrow--active': this.showLeftArrow(),
|
|
97
97
|
[this.isRTL() ? 'right' : 'left']: true,
|
|
98
98
|
[`KCarousel-arrow--${this.arrowsVariant}`]: true,
|
|
99
|
-
}, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '
|
|
99
|
+
}, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '2d81bcc904700245afaeee48f1b01e9df6b8f2b8', icon: this.isRTL() ? arrowRight01Stroke : arrowLeft01Stroke, size: 24 }))), h("div", { key: 'fddeca0507ed99e70b544df7562e2e66642ef3e8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'a199aaa586385d8d78e2bdbb9f72112f5d250303', style: {
|
|
100
100
|
display: 'flex',
|
|
101
101
|
transition: `transform ${this.transitionDuration}ms ease-in-out`,
|
|
102
|
-
}, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '
|
|
102
|
+
}, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '572b34ba786324452793b6045f54c4c542c3b2f3' }))), this.variant === 'arrows' && (h("a", { key: 'ba168881cf6eeed6aa0dfce301d1564141246d32', class: {
|
|
103
103
|
'KCarousel-arrow': true,
|
|
104
104
|
'KCarousel-arrow--active': this.showRightArrow(),
|
|
105
105
|
[this.isRTL() ? 'left' : 'right']: true,
|
|
106
106
|
[`KCarousel-arrow--${this.arrowsVariant}`]: true,
|
|
107
|
-
}, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '
|
|
107
|
+
}, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '6a3476b2d26f6385e0e462bd6b4b8433e361cce2', icon: this.isRTL() ? arrowLeft01Stroke : arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '1bf5c2c50241205e5c8937f29945c58dd6792027', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
|
|
108
108
|
'KCarousel-dot': true,
|
|
109
109
|
'is-active': this.isHighlighted(index),
|
|
110
110
|
}, onClick: () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { guid } from "../../utils";
|
|
3
3
|
import { isRTL } from "../../utils/rtl";
|
|
4
|
-
import {
|
|
4
|
+
import { tick03Solid, alertCircleStroke, remove01Solid, minusSignSolid } from "@platformscode/icons";
|
|
5
5
|
export class DgaCheckbox {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.color = 'brand';
|
|
@@ -52,18 +52,18 @@ export class DgaCheckbox {
|
|
|
52
52
|
const { el, disabled } = this;
|
|
53
53
|
const dir = isRTL(el) ? 'rtl' : 'ltr';
|
|
54
54
|
console.log(dir);
|
|
55
|
-
return (h("label", { key: '
|
|
55
|
+
return (h("label", { key: 'ed75568da7227f06b7d6990e4f10492eb4b0465c', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
|
|
56
56
|
// onMouseDown={this.handleActive}
|
|
57
57
|
// onMouseUp={this.handleRemoveActive}
|
|
58
58
|
// onMouseOut={this.handleRemoveActive}
|
|
59
59
|
// onChange={() => this.handleRemoveActive}
|
|
60
60
|
// htmlFor={id}
|
|
61
|
-
tabindex: disabled ? undefined : 0 }, h("div", { key: '
|
|
61
|
+
tabindex: disabled ? undefined : 0 }, h("div", { key: '07ed6d67c79d63aecb4c95310cd61d986ad9117f', class: "checkbox-main" }, h("div", { key: 'a3035f9f3b4bf70a7645642638c5bbd247223b07', class: "checkbox-main__content" }, h("input", { key: '7366ac79c5ea7d41b81b46cf5c5c91ea91d9f4a5', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
|
|
62
62
|
var _a;
|
|
63
63
|
(_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
|
|
64
64
|
const target = e.target;
|
|
65
65
|
this.isChecked = target.checked;
|
|
66
|
-
}, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '
|
|
66
|
+
}, onInput: this.onInput, checked: this.isChecked }), h("div", { key: 'd66f8308f488ee08a6e2418eefab966da61cb9d9', class: "checkbox-container" }, h("span", { key: 'a7c8141cca44b52c8f86ac57178ddfaafe4638f4', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolid }) : h("dga-icon", { icon: tick03Solid })), h("span", { key: '38efe16ce548e2cdb83250a3bef63c8cd0a7006c', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'a53749dc91764914e997a7b45159de3b034e3d0a', icon: remove01Solid }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'a158ab9dd10f6d47d7a51fa4600fe19ba58044da', class: "checkbox__warning" }, h("span", { key: 'bf4598419344a13397be31434f6472860fe2a55a', class: "checkbox__warning-icon" }, h("dga-icon", { key: '172e9f65e293d92f65da0be8823bccb67d86cc76', icon: alertCircleStroke, size: 16 })), h("span", { key: '4ca7ce4da7c31a7e3364aeed10acc4c0b36ea643', class: "checkbox__warning-text" }, this.alertText))))));
|
|
67
67
|
}
|
|
68
68
|
static get is() { return "dga-checkbox"; }
|
|
69
69
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
-
import {
|
|
2
|
+
import { checkmarkCircle02Solid, multiplicationSignCircleSolid } from "@platformscode/icons";
|
|
3
3
|
export class DgaCircularProgressBar {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.RTL = false;
|
|
@@ -19,7 +19,7 @@ export class DgaCircularProgressBar {
|
|
|
19
19
|
const radius = (this.sizes[this.size] - strokeWidth) / 2;
|
|
20
20
|
const dashArray = 2 * Math.PI * radius;
|
|
21
21
|
const dashOffset = dashArray * (1 - this.percentage / 100);
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '575295d19f409148a195b9b13e9cdf8ea0ae2632', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '3fb3b51c9aad789ff74077207bb4750ac618ab1c', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: 'efcd17e487aba3bd0c58f68379c99a64a55410a7', icon: checkmarkCircle02Solid, size: 20 }), this.variant === 'error' && h("dga-icon", { key: '20ef6255c4e068585eb4dd79a9f9ee4648998d70', icon: multiplicationSignCircleSolid, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: '30ad1c9fd7c5f407ba118fb4bf14173cfdc2e9fc', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: 'f1f3f9ac38eb40ac98562175c1f80ff72be7cdd6', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '57e52247278f3dfb972b401557828da4cacb6505', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '09e16507158e928f55294842bdeafc39c021ca0f', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: 'de0eb137d69c6d8f3bfa25bfc73f18584e5a6758', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
|
|
23
23
|
transition: 'stroke-dashoffset 0.5s ease',
|
|
24
24
|
} }))));
|
|
25
25
|
}
|