@ganpatiinfo/gids-core-web 19.0.0 → 21.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/index.css +607 -59
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-bento-card.js +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-flyout-panel.js +1 -1
- package/dist/gids-form.d.ts +11 -0
- package/dist/gids-form.js +1 -0
- package/dist/gids-header-navigation-item.js +1 -1
- package/dist/gids-header-navigation.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-profile-menu-header.js +1 -1
- package/dist/gids-profile-menu.js +1 -1
- package/dist/gids-profile.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-sidebar-item.d.ts +11 -0
- package/dist/gids-sidebar-item.js +1 -0
- package/dist/gids-sidebar-menu.d.ts +11 -0
- package/dist/gids-sidebar-menu.js +1 -0
- package/dist/gids-sidebar.d.ts +11 -0
- package/dist/gids-sidebar.js +1 -0
- package/dist/gids-skeleton.js +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.js +1 -1
- package/dist/p--kh67-_Z.js +1 -0
- package/dist/{p-DrDadv7P.js → p-B2flLE0s.js} +1 -1
- package/dist/{p-jGho9nbS.js → p-BAqWcL0K.js} +1 -1
- package/dist/p-BCbovLBE.js +1 -0
- package/dist/{p-PcSMc4jQ.js → p-BIxBMTG9.js} +1 -1
- package/dist/{p-DgKrPmDn.js → p-BQT5yy5L.js} +1 -1
- package/dist/p-BRNvHMdK.js +1 -0
- package/dist/{p-CBiu-Vh3.js → p-B_FEFM5I.js} +1 -1
- package/dist/{p-Dw_kb9MC.js → p-B_St7yaX.js} +1 -1
- package/dist/{p-D0coZTd2.js → p-CAjDiWIc.js} +1 -1
- package/dist/{p-DYjV5XrH.js → p-CIjK3iHM.js} +1 -1
- package/dist/p-CV1-78HB.js +1 -0
- package/dist/{p-BdsUwTgh.js → p-D0RJMGGj.js} +1 -1
- package/dist/{p-CH4nrjpL.js → p-DKSnGphd.js} +1 -1
- package/dist/{p-CIxuyUAl.js → p-DLRj-mUX.js} +1 -1
- package/dist/{p-DKOr5iAk.js → p-DMxvWIj1.js} +1 -1
- package/dist/p-DQQhGF5N.js +1 -0
- package/dist/p-DZ1ZcTMe.js +1 -0
- package/dist/{p-BthkC6NU.js → p-DnRuhvRw.js} +1 -1
- package/dist/p-DpvdbdZ-.js +1 -0
- package/dist/{p-DZ6xQXis.js → p-DrxfD2yZ.js} +1 -1
- package/dist/{p-C6GHG170.js → p-Ds5IzXj3.js} +1 -1
- package/dist/{p-j2_DKwBz.js → p-DzOOjiNH.js} +1 -1
- package/dist/{p-Cacy0Dji.js → p-E13ycS5K.js} +1 -1
- package/dist/{p-Cz9nwmgK.js → p-TfH966_e.js} +1 -1
- package/dist/{p-CMW3SjbP.js → p-_W77iniK.js} +1 -1
- package/dist/p-bfWlRsx_.js +1 -0
- package/dist/p-kWyyLyT3.js +1 -0
- package/dist/{p-CrqHKmjy.js → p-mv_7K1EM.js} +1 -1
- package/dist/{p-xbqOQZl9.js → p-tEbUT3n3.js} +1 -1
- package/dist/types/components/html/GidsSidebarMenuItem/GidsSidebarMenuItem.d.ts +6 -0
- package/dist/types/components/shared/GidsFloatingElementManager.d.ts +1 -1
- package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +4 -0
- package/dist/types/components/webComponents/GidsForm/GidsForm.d.ts +32 -0
- package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts +2 -0
- package/dist/types/components/webComponents/GidsSidebar/GidsSidebar.d.ts +55 -0
- package/dist/types/components/webComponents/GidsSidebarItem/GidsSidebarItem.d.ts +56 -0
- package/dist/types/components/webComponents/GidsSidebarMenu/GidsSidebarMenu.d.ts +38 -0
- package/dist/types/components.d.ts +462 -2
- package/dist-bundled/es/gids-action-bar.js +6 -6
- package/dist-bundled/es/gids-activity-gauge.js +3 -3
- package/dist-bundled/es/gids-advanced-tooltip.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +3 -3
- package/dist-bundled/es/gids-bento-card.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- package/dist-bundled/es/gids-calendar-month-list.js +3 -3
- package/dist-bundled/es/gids-calendar-year-list.js +1 -1
- package/dist-bundled/es/gids-calendar.js +23 -23
- package/dist-bundled/es/gids-chart-legend-item.js +3 -3
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +21 -21
- package/dist-bundled/es/gids-chevron-button.js +3 -3
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +4 -4
- package/dist-bundled/es/gids-dropdown-picker.js +4 -4
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +4 -4
- package/dist-bundled/es/gids-expansion.js +6 -6
- package/dist-bundled/es/gids-field.js +3 -3
- package/dist-bundled/es/gids-filter.js +1 -1
- package/dist-bundled/es/gids-flyout-panel.js +4 -108
- package/dist-bundled/es/gids-form.js +92 -0
- package/dist-bundled/es/gids-header-navigation-item.js +3 -3
- package/dist-bundled/es/gids-header-navigation.js +3 -3
- package/dist-bundled/es/gids-icon.js +3 -3
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +1 -1
- package/dist-bundled/es/gids-md-table.js +53 -53
- package/dist-bundled/es/gids-overflow-container.js +4 -4
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +10 -10
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-profile-menu-header.js +1 -1
- package/dist-bundled/es/gids-profile-menu.js +4 -4
- package/dist-bundled/es/gids-profile.js +12 -12
- package/dist-bundled/es/gids-scrim.js +1 -1
- package/dist-bundled/es/gids-sidebar-item.js +6 -0
- package/dist-bundled/es/gids-sidebar-menu.js +6 -0
- package/dist-bundled/es/gids-sidebar.js +150 -0
- package/dist-bundled/es/gids-skeleton.js +1 -1
- package/dist-bundled/es/gids-tab-item.js +13 -13
- package/dist-bundled/es/gids-tab.js +7 -7
- package/dist-bundled/es/gids-text-field.js +3 -3
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/gids-transfer-list.js +25 -26
- package/dist-bundled/es/{p-Cf3Ny79u-VGT_IyGI.js → p--kh67-_Z-BBhYy4ZX.js} +12 -11
- package/dist-bundled/es/{p-DrDadv7P-D4rbSYTr.js → p-B2flLE0s-UXdlvRVr.js} +2 -2
- package/dist-bundled/es/{p-jGho9nbS-BDiBvsn2.js → p-BAqWcL0K-DRjKDzoa.js} +8 -8
- package/dist-bundled/es/p-BCbovLBE-DfkhIEts.js +102 -0
- package/dist-bundled/es/{p-PcSMc4jQ-CzYLaIZr.js → p-BIxBMTG9-Bs6G0Wvv.js} +12 -12
- package/dist-bundled/es/{p-DgKrPmDn-C2CSKicX.js → p-BQT5yy5L-DhdgFXTM.js} +3 -3
- package/dist-bundled/es/p-BRNvHMdK-CqGtfAsn.js +11 -0
- package/dist-bundled/es/{p-CBiu-Vh3-r-McGzCb.js → p-B_FEFM5I-WvEFe7I_.js} +5 -5
- package/dist-bundled/es/{p-Dw_kb9MC-BTd0lrGA.js → p-B_St7yaX-Dq9UwiaA.js} +3 -3
- package/dist-bundled/es/{p-D0coZTd2-KhJZ57gK.js → p-CAjDiWIc-BieYBjHk.js} +1 -1
- package/dist-bundled/es/{p-DYjV5XrH-CI9LfBFx.js → p-CIjK3iHM-DEW8PRM5.js} +7 -7
- package/dist-bundled/es/{p-KQxuw_F--BTSoDfF9.js → p-CV1-78HB-DGkn3SPO.js} +18 -23
- package/dist-bundled/es/{p-BdsUwTgh-Cc7AQBsx.js → p-D0RJMGGj-DSjGfUhB.js} +3 -3
- package/dist-bundled/es/{p-CH4nrjpL-CrEJXTn0.js → p-DKSnGphd-EpxzqjUA.js} +7 -7
- package/dist-bundled/es/{p-CIxuyUAl-B2DxRM64.js → p-DLRj-mUX-B_ACFGx6.js} +6 -6
- package/dist-bundled/es/{p-DKOr5iAk-DA3Kc4Cn.js → p-DMxvWIj1-DPw-ITMY.js} +11 -11
- package/dist-bundled/es/{p-GcC8pCKF-CZJFTFeN.js → p-DQQhGF5N-mCqb5VTE.js} +8 -8
- package/dist-bundled/es/p-DZ1ZcTMe-tnPOECry.js +10 -0
- package/dist-bundled/es/{p-BthkC6NU-F03MhDw7.js → p-DnRuhvRw-Beh0bANh.js} +2 -2
- package/dist-bundled/es/p-DpvdbdZ--C7QlXxK2.js +118 -0
- package/dist-bundled/es/{p-DZ6xQXis-XT86MMis.js → p-DrxfD2yZ-Juydw__6.js} +9 -9
- package/dist-bundled/es/{p-C6GHG170-Di8lwQkY.js → p-Ds5IzXj3-BC_F0-JJ.js} +13 -13
- package/dist-bundled/es/{p-j2_DKwBz-CqyuxxnN.js → p-DzOOjiNH-Wm7KbI3O.js} +5 -5
- package/dist-bundled/es/{p-Cacy0Dji-D-D254kT.js → p-E13ycS5K-D-yK6pqz.js} +1 -1
- package/dist-bundled/es/{p-Cz9nwmgK-BO8HUAvD.js → p-TfH966_e-tyxLyzL3.js} +7 -7
- package/dist-bundled/es/{p-CMW3SjbP-ZYYIF_i6.js → p-_W77iniK-DZ9pVDuI.js} +2 -2
- package/dist-bundled/es/p-bfWlRsx_-B9hzkHIt.js +110 -0
- package/dist-bundled/es/p-kWyyLyT3-DhHcKhR9.js +267 -0
- package/dist-bundled/es/{p-CrqHKmjy-DwSsCofb.js → p-mv_7K1EM-lPgJqpPI.js} +1 -1
- package/dist-bundled/es/{p-xbqOQZl9-BK9vjfj7.js → p-tEbUT3n3-CWq8ErgN.js} +10 -10
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-bento-card.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +2 -2
- package/dist-bundled/umd/gids-filter.umd.js +3 -3
- package/dist-bundled/umd/gids-flyout-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-form.umd.js +5 -0
- package/dist-bundled/umd/gids-header-navigation-item.umd.js +2 -2
- package/dist-bundled/umd/gids-header-navigation.umd.js +1 -1
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-md-table.umd.js +1 -1
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +1 -1
- package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-profile-menu-header.umd.js +2 -2
- package/dist-bundled/umd/gids-profile-menu.umd.js +2 -2
- package/dist-bundled/umd/gids-profile.umd.js +2 -2
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar-item.umd.js +5 -0
- package/dist-bundled/umd/gids-sidebar-menu.umd.js +5 -0
- package/dist-bundled/umd/gids-sidebar.umd.js +5 -0
- package/dist-bundled/umd/gids-skeleton.umd.js +1 -1
- package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +2 -2
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-transfer-list.umd.js +2 -2
- package/dist-bundled/umd-complete/gids-core-web.umd.js +4 -4
- package/package.json +36 -4
- package/dist/p-B0hLXifA.js +0 -1
- package/dist/p-Cf3Ny79u.js +0 -1
- package/dist/p-GcC8pCKF.js +0 -1
- package/dist/p-KQxuw_F-.js +0 -1
- package/dist-bundled/es/p-B0hLXifA-CoImnX3T.js +0 -99
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{
|
|
1
|
+
import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{b as p}from"./p-CV1-78HB.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},t)=>s("div",{class:e({type:o},p),...i},"loading"===o?s(l,{indeterminate:!0,size:"md"}):null,"no-options"===o?s("span",null,n):null,"default"===o&&null!=t?t:null),{getGidsDropdownMenuClassNames:t}=n,a=({sectionLabel:o,class:n,...l},e)=>s("div",{class:t(n),...l},null!=o&&""!==o?s(p,{supportingText:o,supportingTextTypography:"eyebrow-medium"}):null,null!=e?s("div",{class:"gids-dropdown-menu__children"},e):null);export{i as G,a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as e,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsExpansionBodyListItemWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-BsC3-MVH.js";const{getGidsExpansionBodyListItemClassNames:l}=o,r=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.displayTagVisible=!1,this.displayTagColor="accent-5",this.displayTagSize="xs",this.displayTagAppearance="subtle",this.hasSubtitleItemListener=!1,this.hasSupportingTextItemListener=!1,this.handleSubtitleClick=t=>{this.applySubtitleSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"subtitle",originalEvent:t})},this.handleSupportingTextClick=t=>{this.applySupportingTextSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"supporting-text",originalEvent:t})}}handleDisplayTagVisibilityChange(t){this.displayTagVisible=t}handleDisplayTagColorChange(t){this.displayTagColor=t}handleDisplayTagSizeChange(t){this.displayTagSize=t}handleDisplayTagAppearanceChange(t){this.displayTagAppearance=t}connectedCallback(){this.attachSubtitleItemListener(),this.attachSupportingTextItemListener()}disconnectedCallback(){this.detachSubtitleItemListener(),this.detachSupportingTextItemListener()}applySubtitleSelection(t){this.onSubtitlePress&&this.onSubtitlePress(t)}applySupportingTextSelection(t){this.onSupportingTextPress&&this.onSupportingTextPress(t)}attachSubtitleItemListener(){this.hasSubtitleItemListener||(this.hostElement.addEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!0)}attachSupportingTextItemListener(){this.hasSupportingTextItemListener||(this.hostElement.addEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!0)}detachSubtitleItemListener(){this.hasSubtitleItemListener&&(this.hostElement.removeEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!1)}detachSupportingTextItemListener(){this.hasSupportingTextItemListener&&(this.hostElement.removeEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!1)}isValidLabel(){return!(!this?.label||""===this.label)}isValidSubtitle(){return!(!this?.subtitle||""===this.subtitle)}isValidSupportingText(){return!(!this?.supportingText||""===this.supportingText)}isDisplayTagVisible(){return!(!this.displayTagVisible||!this?.displayTagLabel||""===this.displayTagLabel)}convertTextToUppercase(t){return t&&""!==t?t.toUpperCase():""}render(){const t=l(),i=this?.label,e=this?.subtitle,o=this?.supportingText,r=this.isValidLabel(),d=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return s(a,{key:"
|
|
1
|
+
import{t,p as i,H as e,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsExpansionBodyListItemWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-BsC3-MVH.js";const{getGidsExpansionBodyListItemClassNames:l}=o,r=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.displayTagVisible=!1,this.displayTagColor="accent-5",this.displayTagSize="xs",this.displayTagAppearance="subtle",this.hasSubtitleItemListener=!1,this.hasSupportingTextItemListener=!1,this.handleSubtitleClick=t=>{this.applySubtitleSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"subtitle",originalEvent:t})},this.handleSupportingTextClick=t=>{this.applySupportingTextSelection({listItemId:this.listItemId,label:this.label,subtitle:this.subtitle,supportingText:this.supportingText,listItemPressedType:"supporting-text",originalEvent:t})}}handleDisplayTagVisibilityChange(t){this.displayTagVisible=t}handleDisplayTagColorChange(t){this.displayTagColor=t}handleDisplayTagSizeChange(t){this.displayTagSize=t}handleDisplayTagAppearanceChange(t){this.displayTagAppearance=t}connectedCallback(){this.attachSubtitleItemListener(),this.attachSupportingTextItemListener()}disconnectedCallback(){this.detachSubtitleItemListener(),this.detachSupportingTextItemListener()}applySubtitleSelection(t){this.onSubtitlePress&&this.onSubtitlePress(t)}applySupportingTextSelection(t){this.onSupportingTextPress&&this.onSupportingTextPress(t)}attachSubtitleItemListener(){this.hasSubtitleItemListener||(this.hostElement.addEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!0)}attachSupportingTextItemListener(){this.hasSupportingTextItemListener||(this.hostElement.addEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!0)}detachSubtitleItemListener(){this.hasSubtitleItemListener&&(this.hostElement.removeEventListener("onSubtitlePress",this.handleSubtitleClick),this.hasSubtitleItemListener=!1)}detachSupportingTextItemListener(){this.hasSupportingTextItemListener&&(this.hostElement.removeEventListener("onSupportingTextPress",this.handleSupportingTextClick),this.hasSupportingTextItemListener=!1)}isValidLabel(){return!(!this?.label||""===this.label)}isValidSubtitle(){return!(!this?.subtitle||""===this.subtitle)}isValidSupportingText(){return!(!this?.supportingText||""===this.supportingText)}isDisplayTagVisible(){return!(!this.displayTagVisible||!this?.displayTagLabel||""===this.displayTagLabel)}convertTextToUppercase(t){return t&&""!==t?t.toUpperCase():""}render(){const t=l(),i=this?.label,e=this?.subtitle,o=this?.supportingText,r=this.isValidLabel(),d=this.isValidSubtitle(),p=this.isValidSupportingText(),g=this.isDisplayTagVisible(),h=this?.displayTagLabel??"";return s(a,{key:"8da02d6491ec86087b4b42c64d553e31c533fade",class:t},r||d||g?s("div",{class:"gids-expansion-body-list-item__primary-container"},r||g?s("div",{class:"gids-expansion-body-list-item__primary-content"},r?s("span",{class:"gids-expansion-body-list-item__label"},this.convertTextToUppercase(i)):void 0,g?s(n,{color:this.displayTagColor||"accent-5",label:h,size:this.displayTagSize,appearance:this.displayTagAppearance}):void 0):void 0,d?s("button",{type:"button",class:"gids-expansion-body-list-item__subtitle",onClick:this.handleSubtitleClick},e):void 0):void 0,p?s("div",{class:"gids-expansion-body-list-item__secondary-container"},s("button",{type:"button",class:"gids-expansion-body-list-item__supporting-text",onClick:this.handleSupportingTextClick},this.convertTextToUppercase(o))):void 0)}get hostElement(){return this}static get watchers(){return{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}}static get style(){return'.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion-body-list-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}'}},[0,"gids-expansion-body-list-item",{listItemId:[1,"list-item-id"],label:[1],subtitle:[1],supportingText:[1,"supporting-text"],displayTagVisible:[4,"display-tag-visible"],displayTagColor:[1,"display-tag-color"],displayTagSize:[1,"display-tag-size"],displayTagAppearance:[1,"display-tag-appearance"],displayTagLabel:[1,"display-tag-label"],onSubtitlePress:[16],onSupportingTextPress:[16]},void 0,{displayTagVisible:[{handleDisplayTagVisibilityChange:0}],displayTagColor:[{handleDisplayTagColorChange:0}],displayTagSize:[{handleDisplayTagSizeChange:0}],displayTagAppearance:[{handleDisplayTagAppearanceChange:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-expansion-body-list-item"].forEach((i=>{"gids-expansion-body-list-item"===i&&(customElements.get(t(i))||customElements.define(t(i),r))}))}d();export{r as G,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,F as i}from"./p-B4hcsDH0.js";import{GidsButtonGroupWebUtils as e,GidsHeadingWebUtils as s,GidsEditButtonWebUtils as n,GidsListItemWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-iQRr_fAH.js";import{G as d}from"./p-BRNvHMdK.js";const{getGidsButtonGroupClassNames:o}=e,r=({layout:i,class:e},s)=>t("span",{class:o({layout:i},e)},s),{getGidsHeadingClassNames:c,getGidsHeadingSupportingTextTypographyClass:g}=s,_=({heading:i,supportingText:e,level:s="section",children:n,supportingTextTypography:l,class:a})=>t("div",{class:c(a)},t("div",{class:"gids-heading__content-container"},null!=i&&""!==i?"string"==typeof i?""!==i?t("span",{class:"section"===s?"gids-heading__heading-text-section":"gids-heading__heading-text-group"},i):null:i:null,null!=e&&""!==e?"string"==typeof e?""!==e?t("span",{class:`${"section"===s?"gids-heading__supporting-text-section":"gids-heading__supporting-text-group"} ${g(l)}`},e):null:e:null),n?t(r,{layout:"wrap"},n):null),{getGidsEditButtonClassNames:p}=n,u=({disabled:i,children:e,size:s="md",editButtonType:n="add",onPressEditButton:l,class:d,...o})=>t("button",{class:p({size:s},d),...o,onClick:l,disabled:i},"custom"===n&&e?t("div",null,e):"add"===n?t("div",{class:i?"gids-edit-button__add gids-edit-button__disabled":"gids-edit-button__add"},t(a,{name:"add",appearance:"filled",size:s})):"remove"===n?t("div",{class:i?"gids-edit-button__remove gids-edit-button__disabled":"gids-edit-button__remove"},t(a,{appearance:"filled",name:"remove",size:s})):void 0),{getGidsListItemClassNames:m}=l,b=({id:e,value:s,index:n,defaultSelected:l,disabled:o,selected:r,editButton:c,onPressEditButton:g,onPressListItem:_,leadingAccessory:p,leadingSupport:b,leadingParagraph:y,trailingContent:v,trailingAccessory:f,trailingSupport:x,trailingParagraph:h,divider:B,role:C="list-item-option",isPlaceholderItem:G,class:P,...z},I)=>{const T=r||l;return t("button",{type:"button",id:e,class:m({selected:T,disabled:o},P),role:C,"aria-selected":T?"true":"false",disabled:o,value:(()=>{if("string"==typeof s&&""!==s.trim())return s;const t=I;return t?(Array.isArray(t)?t:[t]).map((t=>"string"==typeof t||"number"==typeof t?String(t):t&&"object"==typeof t&&"text"in t?t.text??"":"")).join("").trim():""})(),tabIndex:n,onClick:t=>{const i=t.currentTarget;if(!i)return;if(t.defaultPrevented||i.disabled)return;const e=new CustomEvent("onPressListItem",{bubbles:!0,composed:!0,detail:{selectedIndex:n,defaultSelected:l,isPlaceholderItem:G}});_?.(e)},"is-placeholder-item":G?"true":"false",...z},t("div",{class:"gids-list-item__main-container"},null==c||"none"===c||o?null:t(u,{size:"md",editButtonType:c,onPressEditButton:g}),null!=p?t("div",{class:o?"gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__leading-accessory-container"},p):null,t("div",{class:"gids-list-item__middle-content-container"},t("div",{class:"gids-list-item__leading-content-container"},t(i,null,null!=I?t("span",{class:o?"gids-list-item__leading-content-label gids-list-item__text-content-disabled":"gids-list-item__leading-content-label"},I):null,t("div",{class:"gids-list-item__leading-support-content"},null!=b?"string"==typeof b?t("p",{class:o?"gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-supporting-text"},b):b:null,null!=y?"string"==typeof y?t("p",{class:o?"gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-paragraph-text"},y):y:null))),t("div",{class:"gids-list-item__trailing-content-container"},t(i,null,null!=v?"string"==typeof v?t("span",{class:o?"gids-list-item__trailing-content-label gids-list-item__text-content-disabled":"gids-list-item__trailing-content-label"},v):v:null,t("div",{class:"gids-list-item__trailing-support-content"},null!=x?"string"==typeof x?t("p",{class:o?"gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-supporting-text"},x):x:null,null!=h?"string"==typeof h?t("p",{class:o?"gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-paragraph-text"},h):h:null)))),T?t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},t(a,{name:"checkmark",size:"md",appearance:"regular"})):null,T||null==f?null:t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},f)),B&&!T?t("div",{class:"gids-list-item__divider"},t(d,{orientation:"horizontal"})):null)};export{r as G,b as a,_ as b}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as
|
|
1
|
+
import{t,p as e,H as a,h as i,c as s}from"./p-B4hcsDH0.js";import{autoUpdate as o,offset as d,flip as l,shift as n,arrow as r,computePosition as p,platform as c}from"@floating-ui/dom";import{e as g}from"./p-BKcvOO8o.js";import{GidsAdvancedTooltipWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{g as v}from"./p-B2zUuNXz.js";import{G as m}from"./p-iQRr_fAH.js";const{getGidsAdvancedTooltipClassNames:f}=h,b=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.x=0,this.y=0,this.offset=12,this.placement="top",this.items=[],this.currentPlacement="top"}connectedCallback(){const t=v();t&&this.host.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){const t=this.host.shadowRoot;if(!t)return;const e=t.querySelector(".gids-advanced-tooltip__arrow");e instanceof a&&(this.tooltipElement=this.host,this.arrowElement=e,this.createVirtualReference(),this.startAutoUpdate(),this.updatePosition())}disconnectedCallback(){this.cleanupAutoUpdate?.()}visibleChanged(){this.updatePosition()}positionChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}itemsChanged(){this.updatePosition()}createVirtualReference(){this.virtualReference||(this.virtualReference={getBoundingClientRect:()=>new DOMRect(this.x,this.y,0,0)})}startAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=o(this.virtualReference,this.tooltipElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!0})}getMiddleware(){return[d(this.offset),l({padding:this.offset}),n({padding:this.offset}),r({element:this.arrowElement,padding:this.offset})]}async updatePosition(){if(this.tooltipElement)try{const{x:t,y:e,placement:a,middlewareData:i}=await p(this.virtualReference,this.tooltipElement,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware(),platform:{...c,getOffsetParent:t=>c.getOffsetParent(t,g)}});if(this.currentPlacement=a,Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${e}px`,position:"fixed"}),i.arrow&&this.arrowElement){const{x:t,y:e}=i.arrow;let s;switch(a.split("-")[0]??"top"){case"top":s="bottom";break;case"right":s="left";break;case"bottom":s="top";break;default:s="right"}Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-5px",transform:"rotate(45deg)"})}}catch(t){console.error("computePosition failed",t)}}render(){const t=f({visible:this.visible});return i(s,{key:"13bb6a794c624327216a1cc03550a9afc6f7d9cb",class:t,role:"tooltip",part:"tooltip"},i("div",{key:"1edafa4de30dc67dece07b8283e6233e26f71986",class:"gids-advanced-tooltip__arrow",part:"arrow"}),i("div",{key:"8b4b08220a7d2c444cca9f62eb4ed2d367b79a13",class:"gids-advanced-tooltip__content"},this.items.map((t=>i("div",{class:"gids-advanced-tooltip__item",key:`${t.label}-${t.value}`},i("div",{class:"gids-advanced-tooltip__left"},i(m,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesIndicatorColor}}),i("span",{class:"gids-advanced-tooltip__label"},t.label)),i("span",{class:"gids-advanced-tooltip__value"},t.value))))))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var( --gids-color-background-neutral-bold-default );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}"}},[1,"gids-advanced-tooltip",{visible:[516],x:[2],y:[2],offset:[2],placement:[1],items:[16],currentPlacement:[32]},void 0,{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-advanced-tooltip"].forEach((e=>{"gids-advanced-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}_();export{b as G,_ as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as e,h as a}from"./p-B4hcsDH0.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{G as l}from"./p-iQRr_fAH.js";import{d as n}from"./p-BdsUwTgh.js";import{d as o}from"./p-BthkC6NU.js";import{d}from"./p-Cacy0Dji.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
|
|
1
|
+
import{t,p as i,H as e,h as a}from"./p-B4hcsDH0.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{G as l}from"./p-iQRr_fAH.js";import{d as n}from"./p-D0RJMGGj.js";import{d as o}from"./p-DnRuhvRw.js";import{d}from"./p-E13ycS5K.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e}from"./p-B4hcsDH0.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{
|
|
1
|
+
import{h as e}from"./p-B4hcsDH0.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{a as t}from"./p-CV1-78HB.js";const{getGidsDropdownItemClassNames:d}=s,i=({id:s,title:i,class:o,selected:l=!1,disabled:r=!1,role:a="list-item-option",value:n,name:c,onPressDropdownItem:m,index:p,defaultSelected:u,leadingAccessory:f,divider:I,isPlaceholderItem:b,...v})=>{const g=d("string"==typeof o?o:void 0);return e(t,{id:s,index:p??0,defaultSelected:u,selected:l,disabled:r,role:a,value:n,name:c,leadingAccessory:f,class:g,onPressListItem:e=>{if(e.defaultPrevented)return;const t=new CustomEvent("onPressDropdownItem",{bubbles:!0,composed:!0,detail:{id:s,title:i,value:n,disabled:r,selectedIndex:p,defaultSelected:u,isPlaceholderItem:b}});m?.(t)},divider:I,isPlaceholderItem:b,...v},i)};export{i as G}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as s,H as t,h as e}from"./p-B4hcsDH0.js";import{g as o}from"./p-B2zUuNXz.js";import{G as c}from"./p-iQRr_fAH.js";const n=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}connectedCallback(){const i=o();void 0!==i&&this._el.shadowRoot?.adoptedStyleSheets.push(i)}render(){return e(c,{key:"
|
|
1
|
+
import{t as i,p as s,H as t,h as e}from"./p-B4hcsDH0.js";import{g as o}from"./p-B2zUuNXz.js";import{G as c}from"./p-iQRr_fAH.js";const n=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}connectedCallback(){const i=o();void 0!==i&&this._el.shadowRoot?.adoptedStyleSheets.push(i)}render(){return e(c,{key:"4b1302c4bf5deb924a9b901dae776402a85ea598",name:this.name,size:this.size,appearance:this.appearance,alt:this.alt,titleId:this.titleId})}get _el(){return this}static get style(){return".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}"}},[1,"gids-icon",{name:[1],size:[1],appearance:[1],alt:[1],titleId:[1,"title-id"]}]);function d(){"undefined"!=typeof customElements&&["gids-icon"].forEach((s=>{"gids-icon"===s&&(customElements.get(i(s))||customElements.define(i(s),n))}))}d();export{n as G,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as s,d as a,h as i,c as n}from"./p-B4hcsDH0.js";import{G as c}from"./p-Dg_WeHpV.js";import{g as d}from"./p-B2zUuNXz.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=a(this,"select"),this._toggle=this._toggle.bind(this)}handleSelctedChange(e){this.selected!==e&&(this.selected=e)}connectedCallback(){const e=d();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=e,this.select?.emit(e),this.selected=e}render(){return i(n,{key:"7fd980f1b8cab6e45bfbc08b5aab0e09e8d7548a"},i("style",{key:"31fb86741af7cdfec09e228da19ee39d3a8399b6"},`:host {\n display: ${"full"===this.width?"block":"inline-block"}\n }`),i(c,{key:"a364c4e410442a012c0faab1d8c959a8bb781fdf",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:i("slot",{name:"leadingIcon"}),trailingIcon:i("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},i("slot",{key:"b832859edb3f5b46a89e5f2b20b0134630535c96"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}static get watchers(){return{selected:[{handleSelctedChange:0}]}}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[1540]},void 0,{selected:[{handleSelctedChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((t=>{"gids-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}o();export{l as G,o as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e}from"./p-B4hcsDH0.js";import{G as s}from"./p-iQRr_fAH.js";import{GidsCheckboxControlWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getGidsCheckboxControlClassNames:c}=a,i=({checked:a,defaultChecked:i,disabled:n,indeterminate:o,inputId:t,name:d,value:r,required:l,onChange:m,class:h,...k})=>e("span",{class:c(h),...k},e("input",{class:"gids-checkbox-control__input",type:"checkbox",disabled:n,checked:a,defaultChecked:i,required:l,indeterminate:o,value:r,id:t,name:d,onChange:m}),e(s,{class:"gids-checkbox-control__check",name:"checkmark",alt:"",size:"sm"}),e(s,{class:"gids-checkbox-control__minus",name:"minus",alt:"",size:"sm"}));export{i as G}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as n,h as a}from"./p-B4hcsDH0.js";import{GidsChartLegendWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendClassNames:s}=i,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}handleOrientationChange(e){this.orientation=e}render(){const e=s({orientation:this.orientation});return a("div",{key:"
|
|
1
|
+
import{t as e,p as t,H as n,h as a}from"./p-B4hcsDH0.js";import{GidsChartLegendWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendClassNames:s}=i,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal"}handleOrientationChange(e){this.orientation=e}render(){const e=s({orientation:this.orientation});return a("div",{key:"c57dbe65422b2c4588d18bf36a28e4e54ca4259e",class:e},a("slot",{key:"1055b41640de135243f5d912f7245a8d7b282c98"}))}static get watchers(){return{orientation:[{handleOrientationChange:0}]}}static get style(){return".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}"}},[260,"gids-chart-legend",{orientation:[1]},void 0,{orientation:[{handleOrientationChange:0}]}]);function o(){"undefined"!=typeof customElements&&["gids-chart-legend"].forEach((t=>{"gids-chart-legend"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}o();export{r as G,o as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as s,h as n,F as i}from"./p-B4hcsDH0.js";import{G as o}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.constrainPlacements=["bottom","top"],this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onFlyoutPanelShow():e&&!this.floatingElementManager.isVisible()&&this.onFlyoutPanelHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onFlyoutPanelHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new o(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#flyout-panel",showArrow:!1,visibilityClass:"gids-flyout-panel--visible",elementType:a.FLYOUT_PANEL,constrainPlacements:this?.constrainPlacements??["bottom","top"],constrainToViewportHeight:!0,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onFlyoutPanelShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onFlyoutPanelHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#flyout-panel");if(!t)return;const e=[],s=d(t);e.push(...s);const n=this._el.shadowRoot?.querySelector("slot:not([name])");n&&n.assignedElements({flatten:!0}).forEach((t=>{const s=d(t);e.push(...s)})),this.focusableElements=e.sort(((t,e)=>{const s=t.compareDocumentPosition(e),n=Boolean(s&Node.DOCUMENT_POSITION_FOLLOWING),i=Boolean(s&Node.DOCUMENT_POSITION_PRECEDING);return n?-1:i?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];let n=document.activeElement;if(n===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(n=t)}const i=-1!==this.focusableElements.indexOf(n);t.shiftKey?n!==e&&i||(t.preventDefault(),s&&s.focus()):n!==s&&i||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}constrainPlacementsChanged(t){this.floatingElementManager?.updateConfig({constrainPlacements:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}openFlyoutPanel(t){t&&t.stopPropagation(),this.floatingElementManager.isVisible()||(this.floatingElementManager.show(),this.onFlyoutPanelShow())}closeFlyoutPanel(t){t&&t.stopPropagation(),this.floatingElementManager.isVisible()&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())}render(){return n(i,{key:"ad79cb0c6c6f36d2d6926233dd10d1de053fa405"},n("slot",{key:"97333353f6deda3222ccdcee1a7c9a42900204f5",name:"anchor"}),n("div",{key:"805d139b92080862e60dad9591908f4c9af42dd3",id:"flyout-panel",part:"flyout-panel",role:"dialog","aria-modal":"true",tabindex:"-1"},n("div",{key:"522bae9ac93bbb12e3d3f820a477c81b768ddff3"},n("slot",{key:"3c3601c973866e9d6ccb7aaeb686e0659b54ea50"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;background-color:var(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}"}},[257,"gids-flyout-panel",{htmlFor:[513,"for"],placement:[513],constrainPlacements:[16],openFlyoutPanel:[64],closeFlyoutPanel:[64]},void 0,{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}]),r=t=>{if(!(t instanceof s))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const s=document.activeElement===t;return t.tabIndex=e,s&&t.blur(),s}catch{return!1}},d=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>r(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),s=[];r(t)&&s.push(t);let n=e.nextNode();for(;null!==n;)s.push(n),n=e.nextNode();return s};function h(){"undefined"!=typeof customElements&&["gids-flyout-panel"].forEach((e=>{"gids-flyout-panel"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}h();export{l as G,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarMonthListWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as d,a as o}from"./p-
|
|
1
|
+
import{t,p as e,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarMonthListWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as d,a as o}from"./p-CAjDiWIc.js";import{G as h}from"./p-DLRj-mUX.js";const{getGidsCalendarMonthListClassNames:r,getGidsCalendarMonthListMonths:a}=n,c=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=t=>{const{title:e,value:s,selectedIndex:i,disabled:n,id:d}=t.detail;n||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:d,month:e,monthInNumber:Number(s),disabled:!1,selectedIndex:i}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t?.detail;this.applySelection({id:e.id,monthInNumber:Number(e.value),month:e.title,disabled:!1,selectedIndex:e.selectedIndex})},this.monthsList=()=>a(),this.getSelectedItem=()=>{const t=this.selectedMonthNumber,e=this.monthsList(),s=e.findIndex((e=>e.value===t));let i;return null!=s&&-1!==s&&(i=e[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=t=>{const{foundIndex:e}=this.getSelectedItem();return e===t}}connectedCallback(){this.attachItemListener()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}applySelection(t){this.clearActive(),this.onSelectionMonthChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarMonthChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}render(){const t=r();return i("div",{key:"4df94bbfd8452d30e6de6458423d2ebed874896c",class:t},i(d,{key:"13f5733fbcf93f287e72c043c245c3eb7c111db3",type:this.type,supportingText:this.noOptionsText},i(o,{key:"51ca53830a82666fcd23d9ae5f4ec419970dbd22",sectionLabel:"Months"},this.monthsList().map(((t,e)=>{const s=`${e+1}`,n=this.disabledIndices?.includes(e);return i(h,{title:t.title,value:`${t.value}`,key:`${e.toString()}`,index:e,id:s,selected:this.isItemSelected(e),onPressDropdownItem:this.handleMenuClick,disabled:n,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[0,"gids-calendar-month-list",{type:[1],noOptionsText:[1,"no-options-text"],disabledIndices:[16],divider:[4],selectedMonthNumber:[2,"selected-month-number"],onSelectionMonthChange:[16]}]);function l(){"undefined"!=typeof customElements&&["gids-calendar-month-list"].forEach((e=>{"gids-calendar-month-list"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}l();export{c as G,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarYearListWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as r,a as n}from"./p-
|
|
1
|
+
import{t as e,p as t,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarYearListWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as r,a as n}from"./p-CAjDiWIc.js";import{G as d}from"./p-DLRj-mUX.js";const{getGidsCalendarYearListClassNames:h,getGidsCalendarYearListYears:o,isValidFourDigitYear:l}=a,c=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.newStartYear=(new Date).getFullYear(),this.newEndYear=(new Date).getFullYear()+100,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=e=>{const{title:t,value:s,selectedIndex:i,disabled:a,id:r}=e.detail;a||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:r,year:Number(s),disabled:!1,selectedIndex:i,startYear:this.newStartYear,endYear:this.newEndYear}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e?.detail;this.applySelection({id:t.id,year:Number(t.value),disabled:!1,selectedIndex:t.selectedIndex,startYear:this.newStartYear,endYear:this.newEndYear})},this.yearsList=()=>o({startYear:this.newStartYear,endYear:this.newEndYear}),this.getSelectedItem=()=>{const e=this.selectedYear,t=this.yearsList(),s=t.findIndex((t=>t.value===e));let i;return null!=s&&-1!==s&&(i=t[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=e=>{const{foundIndex:t}=this.getSelectedItem();return t===e}}connectedCallback(){this.attachItemListener(),this.handleStartAndEndYear()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}handleStartAndEndYear(){const e=this.startYear,t=this.endYear;return this.newStartYear=e&&e>0&&l(e)?e:(new Date).getFullYear(),this.newEndYear=t&&t>0&&l(t)?t:this.newStartYear+100,{newStartYear:this.newStartYear,newEndYear:this.newEndYear}}applySelection(e){this.clearActive(),this.onSelectionYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarYearChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}render(){const e=h();return i("div",{key:"73954e5e20be95e8b1d1471bc2c55ee74a912611",class:e},i(r,{key:"0ef0c47d79afef104d5cd1b4e539a61f52cb9712",type:this.type,supportingText:this.noOptionsText},i(n,{key:"25067b342a0fd90fb24e2114450d2befa1a0d90a",sectionLabel:"Years"},this.yearsList().map(((e,t)=>{const s=`${t+1}`,a=this.disabledIndices?.includes(e.value);return i(d,{title:e.title,value:`${e.value}`,key:`${t.toString()}`,index:t,id:s,selected:this.isItemSelected(t),onPressDropdownItem:this.handleMenuClick,disabled:a,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[0,"gids-calendar-year-list",{type:[1],noOptionsText:[1,"no-options-text"],disabledIndices:[16],divider:[4],selectedYear:[2,"selected-year"],startYear:[2,"start-year"],endYear:[2,"end-year"],onSelectionYearChange:[16],newStartYear:[32],newEndYear:[32]}]);function m(){"undefined"!=typeof customElements&&["gids-calendar-year-list"].forEach((t=>{"gids-calendar-year-list"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}m();export{c as G,m as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s,F as a}from"./p-B4hcsDH0.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as
|
|
1
|
+
import{t as e,p as t,H as i,h as s,F as a}from"./p-B4hcsDH0.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as c}from"./p-iQRr_fAH.js";import{G as d}from"./p-DaB_FzcG.js";const l=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.#e={},this._focusInput=e=>{const t=e.target;t===this.#t||this._isWithinInteractiveElement(t)||this.#t?.focus()},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}get defaultValue(){return this.#t?.defaultValue??this.#e.defaultValue??""}set defaultValue(e){this.#t?this.#t.defaultValue=e:this.#e.defaultValue=e}get value(){return this.#t?.value??this.#e.value??this.#e.defaultValue??""}set value(e){this.#t?this.#t.value=e:this.#e.value=e}#t;#e;_isWithinInteractiveElement(e){if(null===e||e===this._el||!this._el.contains(e))return!1;if(n(e))return!0;{const t=e.parentElement;if(t)return this._isWithinInteractiveElement(t)}return!1}connectedCallback(){this._el.addEventListener("click",this._focusInput)}disconnectedCallback(){this._el.removeEventListener("click",this._focusInput)}render(){return s(a,{key:"2c544e40744c4f3f264117a0f863bf594b520ea0"},s("slot",{key:"a0f0ee09eefbb1a10f5b07dd96a2edb2278fe661",name:"leadingIcon"}),this.leadingLabel&&s("span",{key:"d7f1c22c9b7dca4ddb16b54e1f6d8df54c9cea41",class:"gids-input__label"},this.leadingLabel),s("slot",{key:"55edf5a87aa0ec574f2324dfa5f46fcc2a7d6bf6",name:"leadingAccessory"}),s("input",{key:"b7aed46c782dcd4da796dca7e43bf6974bb5ba53",...this.inputProps,ref:e=>{this.#t=e,void 0!==this.#e.value&&(this.#t.value=this.#e.value,delete this.#e.value),void 0!==this.#e.defaultValue&&(this.#t.defaultValue=this.#e.defaultValue,delete this.#e.defaultValue)},class:"gids-input__control",name:this.name,disabled:this.disabled,readOnly:this.readOnly,required:this.required,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur}),s("slot",{key:"f2b11319075c8efdee53f410c9be6a366eb96a53",name:"trailingAccessory"}),this.trailingLabel&&s("span",{key:"be6891ba9714f58c5245cdaaac2b80d5362f96c6",class:"gids-input__label"},this.trailingLabel),s("slot",{key:"a277264aff77c51c41d43d4b6eab2cf2072979c4",name:"trailingIcon"}),"incomplete"===this.status&&s(c,{key:"e108c8b0ecbe509e1aee59172b46c5eb258d4eb6",name:"warning",appearance:"filled",class:"gids-input__warning-icon"}),"complete"===this.status&&s(c,{key:"3a9b1fc10f99588a23a13a2abf6648bfcba02eff",name:"positive",appearance:"filled",class:"gids-input__positive-icon"}),this.loading&&s(d,{key:"372490f8eb6f0902c4fd729dc3829edda9270514",size:"md",indeterminate:!0}))}get _el(){return this}},[260,"gids-input",{appearance:[513],defaultValue:[6657,"default-value"],disabled:[516],inputProps:[16],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],name:[513],readOnly:[516,"readonly"],required:[516],status:[513],value:[6145]}]);function r(){"undefined"!=typeof customElements&&["gids-input"].forEach((t=>{"gids-input"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}r();export{l as G,r as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{G as r}from"./p-iQRr_fAH.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}handleSeriesColorChange(e){this.seriesColor=e}render(){const e=this.seriesColor,t=e&&""!==e,i=n({seriesType:t?"none":this.seriesType,orientation:this.orientation});return a("div",{key:"
|
|
1
|
+
import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{G as r}from"./p-iQRr_fAH.js";import{GidsChartLegendItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";const{getGidsChartLegendItemClassNames:n}=s,o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.seriesType="1"}handleOrientationChange(e){this.orientation=e}handleSeriesTypeChange(e){this.seriesType=e}handleSeriesColorChange(e){this.seriesColor=e}render(){const e=this.seriesColor,t=e&&""!==e,i=n({seriesType:t?"none":this.seriesType,orientation:this.orientation});return a("div",{key:"4d501b81b39c42c60d7f85cdf8e1227015126c13",class:i},a("div",{key:"0d310b54a5ae0ea0f9519f57cac51ec04b822c29",class:"vertical"===this.orientation?"gids-chart-legend-item__dot-wrapper-vertical":"gids-chart-legend-item__dot-wrapper-horizontal"},a(r,{key:"ca0436979deffdbdc0c57c567684863049736aa1",name:"new",alt:"new_icon",appearance:"filled",style:t?{"--gidsIcon-color":e}:{}})),a("span",{key:"351452aa92a56b612b036e213879758448718e19",class:"gids-chart-legend-item__label"},a("slot",{key:"6a9156e4054f8857208e8bf6159567ae6694de8b"})))}static get watchers(){return{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}}static get style(){return".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}"}},[260,"gids-chart-legend-item",{orientation:[1],seriesType:[1,"series-type"],seriesColor:[1,"series-color"]},void 0,{orientation:[{handleOrientationChange:0}],seriesType:[{handleSeriesTypeChange:0}],seriesColor:[{handleSeriesColorChange:0}]}]);function l(){"undefined"!=typeof customElements&&["gids-chart-legend-item"].forEach((t=>{"gids-chart-legend-item"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}l();export{o as G,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-Dg_WeHpV.js";import{G as h}from"./p-iQRr_fAH.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-DZ6xQXis.js";import{d as l}from"./p-C6GHG170.js";import{d as c}from"./p-DgKrPmDn.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"previous",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"next",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const i=Boolean(e);i&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==i&&(this.expandedMonthPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:i,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const i=Boolean(e);i&&!this.isYearPickerInteractive()||this.expandedYearPicker!==i&&(this.expandedYearPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:i,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,i=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return a("div",{key:"3353a6720343f4996dd9ed9ae3555151c86a5d83",class:e},a(n,{key:"693b2411f8c5ebb57241d047f6f835492688845d",leadingIcon:a(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),a("div",{key:"513e7e8d1b17776bf32c06b32deaeb831e13bb77",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"20315f018f4acbf024750a237bac8f6595af0974",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"582c9dccf9e7391f219aa6fd736bb28c58bcc386",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"22e490f7affc2cc817fef3c9887b3777f2db53e4",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"2179b6d64b2575d4b6dd3b56bd2cdf8035486cad",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"9a84cc1f2fabfbbd5e1f5bbcbe59418c63c42257",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"cf8dc25acfbba53f9baeb40d71144af9df6c0546",leadingIcon:a(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
|
|
1
|
+
import{t as e,p as t,H as i,h as a}from"./p-B4hcsDH0.js";import{GidsCalendarHeaderPanelWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-Dg_WeHpV.js";import{G as h}from"./p-iQRr_fAH.js";import{c as r}from"./p-ChV9xqsO.js";import{d}from"./p-DrxfD2yZ.js";import{d as l}from"./p-Ds5IzXj3.js";import{d as c}from"./p-BQT5yy5L.js";const{getGidsCalendarHeaderPanelClassNames:o,getCalendarMonthNameViaMonthNumber:p}=s,m=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="primary",this.monthPickerDisabled=!1,this.yearPickerDisabled=!1,this.panelDisabled=!1,this.previousDisabled=!1,this.nextDisabled=!1,this.expandedMonthPicker=!1,this.expandedYearPicker=!1,this.internalPreviousDisabled=!1,this.internalNextDisabled=!1,this.suppressNextMenuClickSelection=!1,this.suppressNextActionClickSelection=!1,this.fallbackYear=(new Date).getFullYear(),this.fallbackMonth=1,this.fallbackStartYear=(new Date).getFullYear(),this.fallbackEndYear=(new Date).getFullYear()+100,this.handleMonthPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:t?.monthInNumber??this.fallbackMonth,newSelectedYear:this.panelYear??this.fallbackYear}),this.applyMonthSelection({id:t.id,type:"month",month:t.month,monthNumber:Number(t.monthInNumber),year:this.panelYear,disabled:!1,panelValue:`${t.month} ${this.panelYear}`})},this.handleYearPickerMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e;this.updateActionProps({newSelectedMonthNumber:this?.panelMonthNumber??this.fallbackMonth,newSelectedYear:t?.year??this.fallbackYear}),this.applyYearSelection({id:t.id,type:"year",month:this.panelMonth,monthNumber:Number(this?.panelMonthNumber),year:t?.year,disabled:!1,panelValue:`${this.panelMonth} ${t.year}`})},this.handlePreviousActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isPreviousActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onPreviousActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"previous",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})},this.handleNextActionClick=e=>{if(this.suppressNextActionClickSelection)return;if(!(e.target instanceof Element))return;if(!this.isNextActionInteractive())return;const{newSelectedMonthNumber:t,newSelectedYear:i}=this.onNextActionChange();this.updateActionProps({newSelectedMonthNumber:t,newSelectedYear:i});const a=p(t);this.applyActionsSelection({type:"next",month:a,monthNumber:t,year:i,disabled:!1,panelValue:`${a} ${i}`})}}handleSelectedMonthNumberChange(e){null!=e&&(this.panelMonthNumber=e,this.panelMonth=p(e),this.syncPanelDisplayValue())}handleSelectedYearChange(e){null!=e&&(this.panelYear=e,this.syncPanelDisplayValue())}handleExpandedMonthPickerChange(e){e&&!this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1),e&&this.isMonthPickerInteractive()&&this.setExpandedMonthPickerState(!1)}handleExpandedYearPickerChange(e){e&&!this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1),e&&this.isYearPickerInteractive()&&this.setExpandedYearPickerState(!1)}handleMonthPickerInteractivityChange(){!this.isMonthPickerInteractive()&&this.expandedMonthPicker&&this.setExpandedMonthPickerState(!1)}handleYearPickerInteractivityChange(){!this.isYearPickerInteractive()&&this.expandedYearPicker&&this.setExpandedYearPickerState(!1)}handleAppearanceChange(e){this.appearance=e}connectedCallback(){this.panelMonthNumber=this.selectedMonthNumber??this.fallbackMonth,this.panelMonth=p(this.selectedMonthNumber??this.fallbackMonth),this.panelYear=this.selectedYear??this.fallbackYear,this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`,this.syncPanelDisplayValue(),this.setPreviousActionInteractivity(),this.setNextActionInteractivity()}applyMonthSelection(e){this.setExpandedMonthPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelMonthChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange",{bubbles:!0,composed:!0,detail:e}))}applyYearSelection(e){this.setExpandedYearPickerState(!1,this.coerceEvent(e?.originalEvent)),this.setPreviousActionInteractivity(),this.setNextActionInteractivity(),this.onPanelYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange",{bubbles:!0,composed:!0,detail:e}))}setExpandedMonthPickerState(e,t){const i=Boolean(e);i&&!this.isMonthPickerInteractive()||this.expandedMonthPicker!==i&&(this.expandedMonthPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:i,expandedYearPicker:Boolean(this.expandedYearPicker),originalEvent:t}})))}setExpandedYearPickerState(e,t){const i=Boolean(e);i&&!this.isYearPickerInteractive()||this.expandedYearPicker!==i&&(this.expandedYearPicker=i,i||this.syncPanelDisplayValue(),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle",{bubbles:!0,composed:!0,detail:{expandedMonthPicker:Boolean(this.expandedMonthPicker),expandedYearPicker:i,originalEvent:t}})))}syncPanelDisplayValue(){this.panelMonth&&this.panelYear&&(this.panelDisplayValue=`${this.panelMonth} ${this.panelYear}`)}applyActionsSelection(e){this.setNextActionInteractivity(),this.setPreviousActionInteractivity(),"previous"===e.type&&this.onPreviousChange?.(e),"next"===e.type&&this.onNextChange?.(e)}checkPrevYearIsAllowed(e){return e>=(this.startYear??this.fallbackStartYear)}checkNextYearIsAllowed(e){return e<=(this.endYear??this.fallbackEndYear)}isPreviousActionInteractive(){return 1===(this.panelMonthNumber??this.fallbackMonth)?this.checkPrevYearIsAllowed((this.panelYear??this.fallbackYear)-1)&&!this.previousDisabled:!this.previousDisabled}isNextActionInteractive(){return 12===(this.panelMonthNumber??this.fallbackMonth)?this.checkNextYearIsAllowed((this.panelYear??this.fallbackYear)+1)&&!this.nextDisabled:!this.nextDisabled}onPreviousActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isPreviousActionInteractive()?{newSelectedMonthNumber:1===e?12:e-1,newSelectedYear:1===e?t-1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}onNextActionChange(){const e=this.panelMonthNumber??this.fallbackMonth,t=this.panelYear??this.fallbackYear;return this.isNextActionInteractive()?{newSelectedMonthNumber:12===e?1:e+1,newSelectedYear:12===e?t+1:t}:{newSelectedMonthNumber:e,newSelectedYear:t}}isMonthPickerInteractive(){return!this.monthPickerDisabled}isYearPickerInteractive(){return!this.yearPickerDisabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}updatePanelMonth(e){e?(this.selectedMonthNumber=e,this.panelMonth=p(e),this.panelMonthNumber=e):(this.selectedMonthNumber=this.fallbackMonth,this.panelMonth=p(this.fallbackMonth),this.panelMonthNumber=this.fallbackMonth)}updatePanelYear(e){e?(this.selectedYear=e,this.panelYear=e):this.panelYear=this.fallbackYear}setPreviousActionInteractivity(){this.internalPreviousDisabled=!this.isPreviousActionInteractive()}setNextActionInteractivity(){this.internalNextDisabled=!this.isNextActionInteractive()}updateActionProps({newSelectedYear:e,newSelectedMonthNumber:t}){this.updatePanelYear(e),this.updatePanelMonth(t),this.syncPanelDisplayValue()}getPanelValue(){return this.panelDisplayValue}render(){const e=o(),t=this.expandedMonthPicker&&this.isMonthPickerInteractive()&&!this.expandedYearPicker,i=this.expandedYearPicker&&this.isYearPickerInteractive()&&!this.expandedMonthPicker,s=this.internalPreviousDisabled||this.previousDisabled,d=this.internalNextDisabled||this.nextDisabled;return a("div",{key:"87ecb2ec0d63b8e8d8a2b09dc8cc36a47b6e57c9",class:e},a(n,{key:"1d793e6b1d53851e35ad8f317cc0f2b61ba5160f",leadingIcon:a(h,{name:"arrow-left",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handlePreviousActionClick,disabled:s}),a("div",{key:"97e053ab33a40ed94a0e573ea80c9326d4323203",class:"gids-calendar-header-panel__main-container"},a("gids-dropdown-picker",{key:"1fc0f27bb9745073ddaae93a3555290b7bcaabec",expanded:t,appearance:this.appearance,size:"sm",value:`${this.panelMonthNumber}`,disabled:this.monthPickerDisabled},a("gids-calendar-month-list",{key:"4de3eccbd5f989574729da350291720a21d2f2f4",type:"default",selectedMonthNumber:this.panelMonthNumber,onSelectionMonthChange:this.handleMonthPickerMenuClick})),a("span",{key:"f4130116941759492f16f11636fe686f07093743",class:r("gids-calendar-header-panel__panel-value",{"gids-calendar-header-panel__panel-value-disabled":this.panelDisabled})},this.getPanelValue()),a("gids-dropdown-picker",{key:"901389ce6e6d89f7c341743bc2a417e2d87138bf",expanded:i,appearance:this.appearance,size:"sm",value:`${this.panelYear}`,disabled:this.yearPickerDisabled},a("gids-calendar-year-list",{key:"f17878f6f9c660e3f2930dc2ae766efd83c487ed",type:"default",selectedYear:this.panelYear,startYear:this.startYear??this.fallbackStartYear,endYear:this.endYear,onSelectionYearChange:this.handleYearPickerMenuClick}))),a(n,{key:"f73cdc2970a5285eb327913aae433568a78f060f",leadingIcon:a(h,{name:"arrow-right",size:"md",appearance:"regular"}),appearance:this.appearance,size:"sm",width:"intrinsic",onClick:this.handleNextActionClick,disabled:d}))}get hostElement(){return this}static get watchers(){return{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}}static get style(){return".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}"}},[0,"gids-calendar-header-panel",{selectedMonthNumber:[1538,"selected-month-number"],selectedYear:[1538,"selected-year"],startYear:[1538,"start-year"],endYear:[1538,"end-year"],appearance:[1],monthPickerDisabled:[4,"month-picker-disabled"],yearPickerDisabled:[4,"year-picker-disabled"],panelDisabled:[4,"panel-disabled"],previousDisabled:[4,"previous-disabled"],nextDisabled:[4,"next-disabled"],expandedMonthPicker:[1540,"expanded-month-picker"],expandedYearPicker:[1540,"expanded-year-picker"],onPreviousChange:[16],onNextChange:[16],onPanelMonthChange:[16],onPanelYearChange:[16],panelMonth:[32],panelMonthNumber:[32],panelYear:[32],panelDisplayValue:[32],internalPreviousDisabled:[32],internalNextDisabled:[32]},void 0,{selectedMonthNumber:[{handleSelectedMonthNumberChange:0}],selectedYear:[{handleSelectedYearChange:0}],expandedMonthPicker:[{handleExpandedMonthPickerChange:0}],expandedYearPicker:[{handleExpandedYearPickerChange:0}],monthPickerDisabled:[{handleMonthPickerInteractivityChange:0}],yearPickerDisabled:[{handleYearPickerInteractivityChange:0}],appearance:[{handleAppearanceChange:0}]}]);function u(){"undefined"!=typeof customElements&&["gids-calendar-header-panel","gids-calendar-month-list","gids-calendar-year-list","gids-dropdown-picker"].forEach((t=>{switch(t){case"gids-calendar-header-panel":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-calendar-month-list":customElements.get(e(t))||d();break;case"gids-calendar-year-list":customElements.get(e(t))||l();break;case"gids-dropdown-picker":customElements.get(e(t))||c()}}))}u();export{m as G,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-C-Lpfqcg.js";import{d as l}from"./p-BthkC6NU.js";import{d as r}from"./p-Cacy0Dji.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
|
|
1
|
+
import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsActivityGaugeWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as g}from"./p-C-Lpfqcg.js";import{d as l}from"./p-DnRuhvRw.js";import{d as r}from"./p-E13ycS5K.js";const{getGidsActivityGaugeClassNames:n}=s,o=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.chartData=[],this.label="",this.size="xs",this.legend="none",this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0}chartDataChanged(){this.updateDimensions()}legendChanged(t){this.legend=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:240}render(){if(this.chartLoading)return e("div",{class:"gids-activity-gauge__no-data"},e(g,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.map((t=>t.value||0)),a=t.length>0?Math.max(...t):0,i=Math.max(1e3,a),s=i.toLocaleString(),l=n({breakpoint:this.breakpoint}),r=[{radius:42,strokeWidth:5.5},{radius:34,strokeWidth:5.5},{radius:26,strokeWidth:5.5}],o="xxs"===this.size,d="string"==typeof this.label&&""!==this.label.trim(),h=this.legend&&"right"===this.legend&&"mobile"!==this.breakpoint,p=this.legend&&("bottom"===this.legend||"mobile"===this.breakpoint);return e("div",{class:l},e("div",{class:"gids-activity-gauge__main-container"},e("div",{class:"gids-activity-gauge__chart-stage-container"},e("div",{class:`gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}`},e("svg",{viewBox:"0 0 100 100",class:"gids-activity-gauge__chart-vector"},this.chartData.slice(0,3).map(((t,a)=>{const s=r[a]||r[0]||{radius:26,strokeWidth:5.5},g=i>0?Math.min(Math.max((t.value||0)/i,0),1):0,l=2*Math.PI*s.radius,n=`${g*l} ${l}`;return e("g",{key:t.label||a},e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:"gids-activity-gauge__track-background"}),e("circle",{cx:"50",cy:"50",r:s.radius,"stroke-width":s.strokeWidth,class:`gids-activity-gauge__segment gids-activity-gauge__segment-series-${a+1}`,"stroke-dasharray":n,"stroke-dashoffset":"0",transform:"rotate(-90 50 50)"}))}))),e("div",{class:"gids-activity-gauge__center-content"},d&&!o?e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label):null,e("span",{class:`gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}`},s)))),h?e("div",{class:"gids-activity-gauge__sidebar"},e("gids-chart-legend",{orientation:"vertical"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"vertical"},t.label))))):null),o&&d?e("div",{class:"gids-activity-gauge__bottom-content"},e("span",{class:`gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}`},this.label)):null,p?e("div",{class:"gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.slice(0,3).map(((t,a)=>e("gids-chart-legend-item",{key:t.label,seriesType:`${a+1}`,orientation:"horizontal"},t.label))))):null)}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-xs{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-sm{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}.gids-activity-gauge__label-md{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-lg{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-activity-gauge",{breakpoint:[1],chartData:[16],label:[1],size:[1],legend:[1],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32]},void 0,{chartData:[{chartDataChanged:0}],legend:[{legendChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-activity-gauge","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-activity-gauge":customElements.get(t(a))||customElements.define(t(a),o);break;case"gids-chart-legend":customElements.get(t(a))||l();break;case"gids-chart-legend-item":customElements.get(t(a))||r()}}))}d();export{o as G,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as n,h as i,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{d,c as r}from"./p-kWyyLyT3.js";import{G as l}from"./p-iQRr_fAH.js";import{d as c}from"./p-DpvdbdZ-.js";const{getGidsSidebarItemClassNames:h}=s,m=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="subtle",this.selectionAppearance="default",this.menuId="sidebar-menu-item",this.menuPlacement="right-end",this.menuConstrainPlacements=["bottom","left","right","top","left-start","left-end","right-start","right-end"],this.menuData=[],this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.selectedMenuItemSectionIdState=void 0,this.selectedMenuItemIdState=void 0,this.selectedState=!1,this.onSidebarMenuItemPress=({event:e})=>{if(this.isNavigatable()&&!this.isSidebarItemSelected()){const t=!0;this.selectedState=t,this.firePressEvents({originalEvent:e?.originalEvent,sidebarItemId:this.id,hasMenu:!1,menuLength:0,sidebarMenuItemSectionId:void 0,sidebarMenuItemSectionIndex:void 0,sidebarMenuItemIndex:void 0,sidebarMenuId:void 0,sidebarMenuItemId:void 0,selected:t})}},this.onChangeSidebarMenu=({event:e})=>{e&&e?.originalEvent?.stopPropagation();const t=this?.menuData??[];if(!this.isMenuItemSelected({selectedMenuSectionId:e?.sidebarMenuItemSectionId,selectedMenuItemId:e?.sidebarMenuItemId,selectedMenuId:this?.menuId??void 0})){const n=!0;this.selectedMenuItemSectionIdState=e?.sidebarMenuItemSectionId,this.selectedMenuItemIdState=e?.sidebarMenuItemId,this.selectedState=n,this.firePressEvents({originalEvent:e?.originalEvent,sidebarItemId:this.id,hasMenu:!0,menuLength:t.length,sidebarMenuItemSectionId:e?.sidebarMenuItemSectionId,sidebarMenuItemSectionIndex:e?.sidebarMenuItemSectionIndex,sidebarMenuItemIndex:e?.sidebarMenuItemIndex,sidebarMenuId:e?.sidebarMenuId,sidebarMenuItemId:e?.sidebarMenuItemId,selected:n})}},this.firePressEvents=e=>{this.onPressSidebarItem&&this.onPressSidebarItem(e)},this.isSidebarItemSelected=()=>this?.selectedState??!1,this.isMenuItemSelected=({selectedMenuId:e,selectedMenuSectionId:t,selectedMenuItemId:n})=>(this?.selectedMenuItemSectionIdState??void 0)===t&&(this?.selectedMenuItemIdState??void 0)===n&&(this?.menuId??void 0)===e,this.hasMenu=()=>{const e=this?.menuData??[];return!!(e.length>0&&e[0]?.menuItems&&e[0].menuItems.length>0&&e[0].menuItems[0]?.id)},this.isNavigatable=()=>!this.hasMenu()}idChanged(e){this.id=e}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}leadingLabelChanged(e){this.leadingLabel=e}leadingSupportingTextChanged(e){this.leadingSupportingText=e}trailingLabelChanged(e){this.trailingLabel=e}trailingSupportingTextChanged(e){this.trailingSupportingText=e}selectedChanged(e){this.selected=e,this.selectedState=e}disabledChanged(e){this.disabled=e}menuIdChanged(e){this.menuId=e}menuPlacementChanged(e){this.menuPlacement=e}menuConstrainPlacementsChanged(e){this.menuConstrainPlacements=e}menuDataChanged(e){this.menuData=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedMenuItemSectionIdChanged(e){this.selectedMenuItemSectionId=e,this.selectedMenuItemSectionIdState=e}selectedMenuItemIdChanged(e){this.selectedMenuItemId=e,this.selectedMenuItemIdState=e}connectedCallback(){this.selectedMenuItemSectionIdState=this.selectedMenuItemSectionId,this.selectedMenuItemIdState=this.selectedMenuItemId,this.selectedState=this.selected}render(){const e=this.id,t=this?.appearance??"subtle",n=this?.selectionAppearance??"default",s=this?.leadingLabel,d=this?.leadingSupportingText,c=this?.trailingLabel,m=this?.trailingSupportingText,g=this?.disabled??!1,u=this?.selectedState??!1,o=this?.menuId??"sidebar-menu-item",p=this?.menuPlacement??"right",I=this?.menuConstrainPlacements&&this.menuConstrainPlacements.length>0?this.menuConstrainPlacements:["bottom","left","right","top","left-start","left-end","right-start","right-end"],b=this?.menuData??[],C=this?.sidebarMenuItemAppearance??"subtle",M=this?.sidebarMenuItemSelectionAppearance??"default",S=this?.selectedMenuItemSectionIdState??void 0,f=this?.selectedMenuItemIdState??void 0,x=this.hasMenu(),A=h();return i(a,{key:"4df994cd92995f0a1053593ec83e2b97f45fe52d",id:e,class:A},i(r,{key:"458143794740850d76cbf686bc82efb40afc4a8f",id:e,appearance:t,selectionAppearance:n,leadingLabel:s,leadingSupportingText:d,trailingLabel:c,trailingSupportingText:m,selected:u,disabled:g,leadingIcon:i("slot",{name:"sidebarItemLeadingIcon"}),leadingAccessory:i("slot",{name:"sidebarItemLeadingAccessory"}),trailingAccessory:i("slot",{name:"sidebarItemTrailingAccessory"}),trailingIcon:x?i(l,{name:"chevron-right",size:"md",appearance:"regular",alt:""}):void 0,onPressSidebarMenuItem:e=>this.onSidebarMenuItemPress({event:e})}),x?i("div",{class:"gids-sidebar-item__menu-container"},i("gids-sidebar-menu",{htmlFor:e,menuData:b,id:o,placement:p,constrainPlacements:I,sidebarMenuItemAppearance:C,sidebarMenuItemSelectionAppearance:M,selectedSectionId:S,selectedItemId:f,onSidebarMenuChange:e=>this.onChangeSidebarMenu({event:e})})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],leadingLabel:[{leadingLabelChanged:0}],leadingSupportingText:[{leadingSupportingTextChanged:0}],trailingLabel:[{trailingLabelChanged:0}],trailingSupportingText:[{trailingSupportingTextChanged:0}],selected:[{selectedChanged:0}],disabled:[{disabledChanged:0}],menuId:[{menuIdChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],menuData:[{menuDataChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-sidebar-item{display:flex;flex-direction:column;width:100%}.gids-sidebar-item__menu-container{display:flex;flex-direction:column;width:100%}"}},[260,"gids-sidebar-item",{id:[1],appearance:[1],selectionAppearance:[1,"selection-appearance"],leadingLabel:[1,"leading-label"],leadingSupportingText:[1,"leading-supporting-text"],trailingLabel:[1,"trailing-label"],trailingSupportingText:[1,"trailing-supporting-text"],selected:[4],disabled:[4],menuId:[1,"menu-id"],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],menuData:[16],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedMenuItemSectionId:[1,"selected-menu-item-section-id"],selectedMenuItemId:[1,"selected-menu-item-id"],onPressSidebarMenuItem:[16],onPressSidebarItem:[16],selectedMenuItemSectionIdState:[32],selectedMenuItemIdState:[32],selectedState:[32]},void 0,{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],leadingLabel:[{leadingLabelChanged:0}],leadingSupportingText:[{leadingSupportingTextChanged:0}],trailingLabel:[{trailingLabelChanged:0}],trailingSupportingText:[{trailingSupportingTextChanged:0}],selected:[{selectedChanged:0}],disabled:[{disabledChanged:0}],menuId:[{menuIdChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],menuData:[{menuDataChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-sidebar-item","gids-flyout-panel","gids-sidebar-menu"].forEach((t=>{switch(t){case"gids-sidebar-item":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-flyout-panel":customElements.get(e(t))||c();break;case"gids-sidebar-menu":customElements.get(e(t))||d()}}))}g();export{m as G,g as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e,t,p as a,H as i,c as s}from"./p-B4hcsDH0.js";import{GidsStatusTagWebUtils as n,generateId as d,GidsCheckboxWebUtils as c,GidsRadioControlWebUtils as r,GidsRadioWebUtils as l,GidsSidebarMenuItemWebUtils as o,GidsSidebarMenuWebUtils as m}from"@ganpatiinfo/gids-web-shared";import{G as u}from"./p-CcKHKwS0.js";import{G as h}from"./p-BsC3-MVH.js";import{G as p}from"./p-iQRr_fAH.js";import{G as g}from"./p-DZ1ZcTMe.js";import{G as b}from"./p-BkxmRN-4.js";import{d as I}from"./p-DpvdbdZ-.js";const{getGidsStatusTagClassNames:f,getStatusTagIconName:C,getStatusTagText:v}=n,y=({type:t="new",appearance:a="subtlest",size:i="sm",class:s})=>e("div",{class:f({type:t,size:i,appearance:a},s)},e(p,{name:C(t),appearance:"filled"}),e("label",null,v(t))),{getGidsCheckboxClassNames:_}=c,S=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:m,name:u,value:h,required:p,onChange:I,class:f,...C},v)=>{const y=m??d();return e("div",{class:_(f),...C},e(g,{checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:y,name:u,value:h,required:p,onChange:I}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:y,info:s},v))},{getGidsRadioControlClassNames:x}=r,M=({checked:t,defaultChecked:a,disabled:i,inputId:s,name:n,value:d,onChange:c,class:r,...l})=>e("span",{class:x(r),...l},e("input",{class:"gids-radio-control__input",type:"radio",disabled:i,checked:t,defaultChecked:a,value:d,id:s,name:n,onChange:c}),e("span",{class:"gids-radio-control__check"})),{getGidsRadioClassNames:k}=l,A=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,inputId:o,name:m,value:u,onChange:h,class:p,...g},I)=>{const f=o??d();return e("div",{class:k(p),...g},e(M,{checked:c,defaultChecked:r,disabled:l,inputId:f,name:m,value:u,onChange:h}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:f,info:s},I))},{getGidsSidebarMenuItemClassNames:R}=o,T=({id:t="sidebar-menu-item",appearance:a="default",selectionAppearance:i="subtle",leadingLabel:s,leadingSupportingText:n,trailingLabel:d,trailingSupportingText:c,leadingIcon:r,trailingIcon:l,leadingAccessory:o,trailingAccessory:m,selected:u,disabled:h,onPressSidebarMenuItem:p,class:g})=>{const b=s&&""!==s,I=n&&""!==n,f=d&&""!==d,C=c&&""!==c,v=b||I,y=f||C,_=v||y;return e("button",{type:"button",id:t,"data-appearance":a,"data-selected":u?"true":"false",disabled:h,class:R({selected:u,appearance:a,selectionAppearance:i},g),onClick:e=>{p&&p({originalEvent:e,sidebarMenuItemId:t,selected:!u})}},r||o?e("div",{class:"gids-sidebar-menu-item__leading-accessory-content"},r,o):void 0,_?e("div",{class:"gids-sidebar-menu-item__content"},v?e("div",{class:"gids-sidebar-menu-item__leading-content"},b?e("span",{class:"gids-sidebar-menu-item__label-content"},s):void 0,I?e("p",{class:"gids-sidebar-menu-item__support-content"},n):void 0):void 0,y?e("div",{class:"gids-sidebar-menu-item__trailing-content"},f?e("span",{class:"gids-sidebar-menu-item__label-content"},d):void 0,C?e("p",{class:"gids-sidebar-menu-item__support-content"},c):void 0):void 0):void 0,l||m?e("div",{class:"gids-sidebar-menu-item__trailing-accessory-content"},m,l):void 0)},{getGidsSidebarMenuClassNames:q}=m,G=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.id="sidebar-menu",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.placement="right-end",this.constrainPlacements=["bottom","left","right","left-start","left-end","right-start","right-end","top"],this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.onSidebarMenuItemPress=({menuItem:e,itemIndex:t,sectionIndex:a,event:i})=>{if(e){const s=(this?.menuData??[])[a];(s?.menuItems??[]).length>0&&!this.isMenuItemSelected({sectionId:s?.sectionId,itemId:e.id})&&(this.selectedSectionIdState=s?.sectionId,this.selectedItemIdState=e.id,this.onSidebarMenuChange&&this.onSidebarMenuChange({originalEvent:i?.originalEvent,sidebarMenuItemId:i.sidebarMenuItemId,selected:i?.selected,sidebarMenuItemSectionId:s?.sectionId??"",sidebarMenuItemSectionIndex:a,sidebarMenuItemIndex:t,sidebarMenuId:this.id}))}this.flyoutPanelElement?.closeFlyoutPanel()},this.isMenuItemSelected=({sectionId:e,itemId:t})=>{const a=this?.selectedSectionIdState,i=this?.selectedItemIdState;return a===e&&i===t},this.isValidMenu=()=>!!(this?.menuData&&this.menuData.length>0&&this.menuData[0]?.menuItems&&this.menuData[0].menuItems.length>0),this.renderAccessory=({accessoryType:t,accessory:a})=>{switch(t){case"badge":return e(u,{...a?.badgeProps});case"display-tag":return e(h,{...a?.displayTagProps,label:a?.displayTagProps?.label??"",color:a?.displayTagProps?.color??"accent-1",icon:a?.displayTagProps?.iconName?e(p,{name:a.displayTagProps.iconName,appearance:a?.displayTagProps?.iconAppearance??"regular",size:a?.displayTagProps?.iconSize??"md",alt:a?.displayTagProps?.iconAlt}):void 0});case"status-tag":return e(y,{...a?.statusTagProps});case"checkbox":return e(S,{checked:a?.checkboxProps?.checked,disabled:a?.checkboxProps?.disabled,indeterminate:a?.checkboxProps?.indeterminate},a?.checkboxProps?.label);case"radio":return e(A,{checked:a?.radioProps?.checked,disabled:a?.radioProps?.disabled},a?.radioProps?.label);default:return}},this.renderIcon=t=>t?.name?e(p,{name:t.name,appearance:t?.appearance??"regular",size:t?.size??"md",alt:t?.alt}):void 0}idChanged(e){this.id=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedSectionIdChanged(e){this.selectedSectionId=e,this.selectedSectionIdState=e}selectedItemIdChanged(e){this.selectedItemId=e,this.selectedItemIdState=e}placementChanged(e){this.placement=e}constrainPlacementsChanged(e){this.constrainPlacements=e}htmlForChanged(e){this.htmlFor=e}menuDataChanged(e){this.menuData=e}connectedCallback(){this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId}componentDidRender(){this.flyoutPanelElement=this.hostElement.querySelector("gids-flyout-panel")??void 0}render(){const t=this.id,a=this?.sidebarMenuItemAppearance??"subtle",i=this?.sidebarMenuItemSelectionAppearance??"default",n=this?.placement??"right",d=this?.constrainPlacements&&this.constrainPlacements.length>0?this.constrainPlacements:["bottom","left","right","top","left-start","left-end","right-start","right-end"],c=this.htmlFor,r=this?.menuData??[],l=this.isValidMenu(),o=q();return e(s,{key:"18caea43f2a18e876e094176ee144ece86e0eeec",id:t,class:o},l?e("gids-flyout-panel",{htmlFor:c,constrainPlacements:d,placement:n},r.map(((t,s)=>{const n=t?.sectionLabel,d=t?.menuItems??[];return e("div",{key:`${s+1}`,class:"gids-sidebar-menu__container"},n&&""!==n?e("h3",null,n):void 0,e("div",{class:"gids-sidebar-menu__item-container"},d.map(((n,d)=>{const{leadingAccessoryType:c,leadingAccessory:r,trailingAccessoryType:l,trailingAccessory:o,leadingIconProps:m,trailingIconProps:u,...h}=n;return e(T,{key:`${d+1}`,...h,id:n.id,appearance:a,selectionAppearance:i,selected:this.isMenuItemSelected({sectionId:t?.sectionId,itemId:n.id}),leadingAccessory:this.renderAccessory({accessoryType:c,accessory:r}),trailingAccessory:this.renderAccessory({accessoryType:l,accessory:o}),leadingIcon:this.renderIcon(m),trailingIcon:this.renderIcon(u),onPressSidebarMenuItem:e=>this.onSidebarMenuItemPress({menuItem:n,sectionIndex:s,itemIndex:d,event:e})})}))))}))):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}}static get style(){return".gids-sidebar-menu__container{display:flex;flex-direction:column;gap:var(--gids-gap-200);width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200)}.gids-sidebar-menu__item-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}"}},[0,"gids-sidebar-menu",{id:[1],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],placement:[1],constrainPlacements:[16],htmlFor:[1,"html-for"],menuData:[16],onSidebarMenuChange:[16],selectedSectionIdState:[32],selectedItemIdState:[32]},void 0,{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["gids-sidebar-menu","gids-flyout-panel"].forEach((e=>{switch(e){case"gids-sidebar-menu":customElements.get(t(e))||customElements.define(t(e),G);break;case"gids-flyout-panel":customElements.get(t(e))||I()}}))}P();export{A as G,S as a,y as b,T as c,P as d,G as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as s,h as e,c as a}from"./p-B4hcsDH0.js";import{GidsFieldWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-iQRr_fAH.js";import{g as n}from"./p-B2zUuNXz.js";const{getGidsFieldClassNames:l}=o,d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="implicit",this._hasLabel=!1,this._controlListenerTargets=[],this._controlTouched=!1,this._handleLabelSlotChange=()=>{this._hasLabel=(this._labelSlot?.assignedElements()?.length??0)>0},this._setLabelSlot=t=>{this._labelSlot=t??void 0,this._handleLabelSlotChange()},this._setControlSlot=t=>{this._controlSlot=t??void 0,this._handleControlSlotChange()},this._handleControlSlotChange=()=>{const t=this._controlSlot?.assignedNodes({flatten:!0})??[],i=this._findTextControl(t);this._attachControlElement(i)},this._handleControlValueInput=t=>{if(!this._controlTouched){const i=t.target;i instanceof HTMLInputElement&&("checkbox"===i.type||"radio"===i.type)&&(this._controlTouched=!0)}this._updateControlValidationState()},this._handleControlBlur=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleControlInvalid=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleFormReset=()=>{this._controlTouched=!1,this._updateControlValidationState()},this._handleFormSubmit=()=>{this._controlTouched=!0,this._updateControlValidationState()}}_handleStatusChange(){this._isImplicitStatus()||void 0===this._controlValidationMessage?this._updateControlValidationState():this._controlValidationMessage=void 0}connectedCallback(){const t=n();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){setTimeout((()=>{this._handleControlSlotChange(),this._handleLabelSlotChange()}))}async reScanControl(){this._handleControlSlotChange()}disconnectedCallback(){this._detachControlElement(),this._detachFormListeners()}render(){const t=this._hasStatusText(),i=void 0!==this._controlValidationMessage?this._controlValidationMessage:this._shouldRenderExplicitStatusText()?this.statusText:void 0,s=this._getCurrentStatus(),o=["gids-field__status-text"];if(t){const t=this._getStatusModifierClass(s,"gids-field__status-text");null!=t&&o.push(t)}return e(a,{key:"b296d1365e6b518d7aafb6af439c73a01ee05973"},e("div",{key:"0713bc4c4e6d2d78f41e7383e03a5a2e670f374d",class:l()},e("div",{key:"060131205bf2563cc9a73cadc1bfa0aaa2782dc4",class:"gids-field__header",hidden:!this._hasLabelContent()},e("slot",{key:"24d91f471b0d18a286352aeddd1f6f621ee18c96",ref:this._setLabelSlot,name:"label",onSlotchange:this._handleControlSlotChange}),e("div",{key:"82395d9990fbb76ff2036f326a825ded78e74ae8",class:"gids-field__count","aria-live":"polite"},this.count)),e("div",{key:"6240db77a53290a25b0cdba34cdb37615956b9d7",class:"gids-field__control"},e("slot",{key:"975c677a1f88761e3841e4027fdb65e3c711016b",ref:this._setControlSlot,onSlotchange:this._handleControlSlotChange})),e("p",{key:"404f4c44b9b32209ccdcde586bd688693b2d6022",class:"gids-field__supporting-text",hidden:!this._shouldShowHelperText()},this.helperText),t?e("p",{class:o.join(" "),role:"status","aria-live":"polite"},this._renderStatusIcon(s),void 0!==i?e("span",null,i):null):null))}_hasLabelContent(){return this._hasLabel}_hasHelperText(){return this._hasText(this.helperText)}_shouldShowHelperText(){return!!this._hasHelperText()&&!this._hasStatusText()}_hasStatusText(){return this._isImplicitStatus()?void 0!==this._controlValidationMessage:this._shouldRenderExplicitStatusText()}_shouldRenderExplicitStatusText(){return!this._isImplicitStatus()&&"default"!==this.status&&this._hasText(this.statusText)}_renderStatusIcon(t){if(!this._hasStatusText())return;const i=this._getStatusIconName(t);if(void 0===i)return;const s=["gids-field__status-icon"],a=this._getStatusModifierClass(t,"gids-field__status-icon");null!=a&&s.push(a);let o=t;return"error"===t&&(o="danger"),"success"===t&&(o="positive"),e(r,{appearance:"filled",size:"sm",alt:"",name:i,class:s.join(" "),style:{"--gidsIcon-color":`var(--gids-color-icon-${o})`}})}_getCurrentStatus(){return this._isImplicitStatus()&&null!=this._controlValidationMessage?"error":this.status??"implicit"}_getStatusIconName(t){if("implicit"!==t)return"success"===t?"positive":"error"===t?"danger":void 0}_isImplicitStatus(){return"implicit"===this.status||void 0===this.status}_hasText(t){return"string"==typeof t&&t.trim().length>0}_getStatusModifierClass(t,i){if("implicit"!==t)return`${i}--${t}`}_attachControlElement(t){if(this._controlElement===t)return this._updateControlValidationState(),void this._attachFormListeners(t?.form??this._el.closest("form"));if(this._detachControlElement(),this._controlElement=t,this._resetControlValidationState(),this._controlListenerTargets=[],t){const i=this._getControlListenerTargets(t);this._controlListenerTargets=i,i.forEach((t=>{t.addEventListener("input",this._handleControlValueInput),t.addEventListener("change",this._handleControlValueInput),t.addEventListener("blur",this._handleControlBlur,!0),t.addEventListener("invalid",this._handleControlInvalid)})),this._attachFormListeners(t.form??this._el.closest("form"))}this._updateControlValidationState()}_detachControlElement(){this._controlListenerTargets.length>0&&(this._controlListenerTargets?.forEach((t=>{t.removeEventListener("input",this._handleControlValueInput),t.removeEventListener("change",this._handleControlValueInput),t.removeEventListener("blur",this._handleControlBlur,!0),t.removeEventListener("invalid",this._handleControlInvalid)})),this._controlListenerTargets=[]),this._controlElement=null,this._resetControlValidationState(),this._detachFormListeners()}_getControlListenerTargets(t){return t instanceof HTMLInputElement&&"radio"===t.type&&null!=t.name?this._getRadioGroupControls(t):[t]}_getRadioGroupControls(t){const i=t.form;if(i&&null!=t.name){const s=i.elements.namedItem(t.name);if(s instanceof RadioNodeList){const t=Array.from(s).filter((t=>t instanceof HTMLInputElement&&"radio"===t.type&&this._el.contains(t)));if(t.length>0)return t}}if(null!=t.name){const i=`input[type="radio"][name="${CSS.escape(t.name)}"]`,s=Array.from(this._el.querySelectorAll(i));if(s.length>0)return s}return[t]}_attachFormListeners(t){void 0!==t&&(null!==t?t!==this._formElement&&(this._detachFormListeners(),this._formElement=t,this._formElement.addEventListener("reset",this._handleFormReset),this._formElement.addEventListener("submit",this._handleFormSubmit)):this._detachFormListeners())}_detachFormListeners(){this._formElement&&(this._formElement.removeEventListener("reset",this._handleFormReset),this._formElement.removeEventListener("submit",this._handleFormSubmit),this._formElement=null)}_findTextControl(t){for(const i of t){if(i.nodeType!==Node.ELEMENT_NODE)continue;const t=i,s=this._asTextControl(t);if(null!==s)return s;const e=t.querySelector("input, textarea");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)return e}return null}_asTextControl(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null}_resetControlValidationState(){this._controlTouched=!1,void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}_updateControlValidationState(){if(!this._isImplicitStatus())return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const t=this._controlElement;if(!t||t.disabled)return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const i=t.validationMessage?.trim()??"";this._controlTouched&&t.matches(":user-invalid")&&i.length>0?this._controlValidationMessage!==i&&(this._controlValidationMessage=i):void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}get _el(){return this}static get watchers(){return{status:[{_handleStatusChange:0}]}}static get style(){return".gids-field{display:flex;flex-direction:column;gap:var(--gids-gap-075)}.gids-field__header{display:flex;gap:var(--gids-gap-100);align-items:flex-start}.gids-field__header[hidden]{display:none}.gids-field__count{margin-left:auto;color:var(--gids-color-text-subtle);text-align:right;white-space:nowrap;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}:host([disabled]) .gids-field__count{color:var(--gids-color-text-disabled)}.gids-field__control{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-field__supporting-text,.gids-field__status-text{margin:0;padding-top:var(--gids-padding-vertical-edge-to-element-050);font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-field__supporting-text{color:var(--gids-color-text-subtlest)}.gids-field__status-text{display:flex;align-items:flex-start;gap:var(--gids-gap-050)}.gids-field__status-text .gids-field__status-icon{margin-top:max(0px, -1 * (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-text>span{margin-top:max(0px, (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-icon{flex-shrink:0}.gids-field__status-text--information{color:var(--gids-color-text-information);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--information{--gidsIcon-color:$icon-color}.gids-field__status-text--success{color:var(--gids-color-text-positive);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--success{--gidsIcon-color:$icon-color}.gids-field__status-text--warning{color:var(--gids-color-text-warning);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--warning{--gidsIcon-color:$icon-color}.gids-field__status-text--error{color:var(--gids-color-text-danger);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--error{--gidsIcon-color:$icon-color}"}},[257,"gids-field",{disabled:[516],count:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],_controlValidationMessage:[32],_hasLabel:[32],reScanControl:[64]},void 0,{status:[{_handleStatusChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-field"].forEach((i=>{"gids-field"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}h();export{d as G,h as d}
|
|
1
|
+
import{t,p as i,H as s,h as e,c as a}from"./p-B4hcsDH0.js";import{GidsFieldWebUtils as o}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-iQRr_fAH.js";import{g as n}from"./p-B2zUuNXz.js";const{getGidsFieldClassNames:l}=o,d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="implicit",this._hasLabel=!1,this._controlListenerTargets=[],this._controlTouched=!1,this._handleLabelSlotChange=()=>{this._hasLabel=(this._labelSlot?.assignedElements()?.length??0)>0},this._setLabelSlot=t=>{this._labelSlot=t??void 0,this._handleLabelSlotChange()},this._setControlSlot=t=>{this._controlSlot=t??void 0,this._handleControlSlotChange()},this._handleControlSlotChange=()=>{const t=this._controlSlot?.assignedNodes({flatten:!0})??[],i=this._findTextControl(t);this._attachControlElement(i)},this._handleControlValueInput=t=>{if(!this._controlTouched){const i=t.target;i instanceof HTMLInputElement&&("checkbox"===i.type||"radio"===i.type)&&(this._controlTouched=!0)}this._updateControlValidationState()},this._handleControlBlur=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleControlInvalid=()=>{this._controlTouched=!0,this._updateControlValidationState()},this._handleFormReset=()=>{this._controlTouched=!1,this._updateControlValidationState()},this._handleFormSubmit=()=>{this._controlTouched=!0,this._updateControlValidationState()}}_handleStatusChange(){this._isImplicitStatus()||void 0===this._controlValidationMessage?this._updateControlValidationState():this._controlValidationMessage=void 0}connectedCallback(){const t=n();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){setTimeout((()=>{this._handleControlSlotChange(),this._handleLabelSlotChange()}))}async reScanControl(){this._handleControlSlotChange()}disconnectedCallback(){this._detachControlElement(),this._detachFormListeners()}render(){const t=this._hasStatusText(),i=void 0!==this._controlValidationMessage?this._controlValidationMessage:this._shouldRenderExplicitStatusText()?this.statusText:void 0,s=this._getCurrentStatus(),o=["gids-field__status-text"];if(t){const t=this._getStatusModifierClass(s,"gids-field__status-text");null!=t&&o.push(t)}return e(a,{key:"a7eb8d9404ca5e3d4e965d9a5c6496572b0d1240"},e("div",{key:"8578998418e9012e5d2f537dcad0f835e0341829",class:l()},e("div",{key:"f96cbfc7c87b5551c8167a13afe0de5dfc927b44",class:"gids-field__header",hidden:!this._hasLabelContent()},e("slot",{key:"5165b9dc75b397b17e7adad373596c2d9a991879",ref:this._setLabelSlot,name:"label",onSlotchange:this._handleControlSlotChange}),e("div",{key:"21e87c9692e9b5f41770eafe34b49bfaedc58af7",class:"gids-field__count","aria-live":"polite"},this.count)),e("div",{key:"fcf2e25a96163fd0abccf422832af553c81b2360",class:"gids-field__control"},e("slot",{key:"fa40cebb1ad7cb516e69865d416f76a833c18adb",ref:this._setControlSlot,onSlotchange:this._handleControlSlotChange})),e("p",{key:"dea14f1ef4c172050eaeee03f1e934cba3f5b3e8",class:"gids-field__supporting-text",hidden:!this._shouldShowHelperText()},this.helperText),t?e("p",{class:o.join(" "),role:"status","aria-live":"polite"},this._renderStatusIcon(s),void 0!==i?e("span",null,i):null):null))}_hasLabelContent(){return this._hasLabel}_hasHelperText(){return this._hasText(this.helperText)}_shouldShowHelperText(){return!!this._hasHelperText()&&!this._hasStatusText()}_hasStatusText(){return this._isImplicitStatus()?void 0!==this._controlValidationMessage:this._shouldRenderExplicitStatusText()}_shouldRenderExplicitStatusText(){return!this._isImplicitStatus()&&"default"!==this.status&&this._hasText(this.statusText)}_renderStatusIcon(t){if(!this._hasStatusText())return;const i=this._getStatusIconName(t);if(void 0===i)return;const s=["gids-field__status-icon"],a=this._getStatusModifierClass(t,"gids-field__status-icon");null!=a&&s.push(a);let o=t;return"error"===t&&(o="danger"),"success"===t&&(o="positive"),e(r,{appearance:"filled",size:"sm",alt:"",name:i,class:s.join(" "),style:{"--gidsIcon-color":`var(--gids-color-icon-${o})`}})}_getCurrentStatus(){return this._isImplicitStatus()&&null!=this._controlValidationMessage?"error":this.status??"implicit"}_getStatusIconName(t){if("implicit"!==t)return"success"===t?"positive":"error"===t?"danger":void 0}_isImplicitStatus(){return"implicit"===this.status||void 0===this.status}_hasText(t){return"string"==typeof t&&t.trim().length>0}_getStatusModifierClass(t,i){if("implicit"!==t)return`${i}--${t}`}_attachControlElement(t){if(this._controlElement===t)return this._updateControlValidationState(),void this._attachFormListeners(t?.form??this._el.closest("form"));if(this._detachControlElement(),this._controlElement=t,this._resetControlValidationState(),this._controlListenerTargets=[],t){const i=this._getControlListenerTargets(t);this._controlListenerTargets=i,i.forEach((t=>{t.addEventListener("input",this._handleControlValueInput),t.addEventListener("change",this._handleControlValueInput),t.addEventListener("blur",this._handleControlBlur,!0),t.addEventListener("invalid",this._handleControlInvalid)})),this._attachFormListeners(t.form??this._el.closest("form"))}this._updateControlValidationState()}_detachControlElement(){this._controlListenerTargets.length>0&&(this._controlListenerTargets?.forEach((t=>{t.removeEventListener("input",this._handleControlValueInput),t.removeEventListener("change",this._handleControlValueInput),t.removeEventListener("blur",this._handleControlBlur,!0),t.removeEventListener("invalid",this._handleControlInvalid)})),this._controlListenerTargets=[]),this._controlElement=null,this._resetControlValidationState(),this._detachFormListeners()}_getControlListenerTargets(t){return t instanceof HTMLInputElement&&"radio"===t.type&&null!=t.name?this._getRadioGroupControls(t):[t]}_getRadioGroupControls(t){const i=t.form;if(i&&null!=t.name){const s=i.elements.namedItem(t.name);if(s instanceof RadioNodeList){const t=Array.from(s).filter((t=>t instanceof HTMLInputElement&&"radio"===t.type&&this._el.contains(t)));if(t.length>0)return t}}if(null!=t.name){const i=`input[type="radio"][name="${CSS.escape(t.name)}"]`,s=Array.from(this._el.querySelectorAll(i));if(s.length>0)return s}return[t]}_attachFormListeners(t){void 0!==t&&(null!==t?t!==this._formElement&&(this._detachFormListeners(),this._formElement=t,this._formElement.addEventListener("reset",this._handleFormReset),this._formElement.addEventListener("submit",this._handleFormSubmit)):this._detachFormListeners())}_detachFormListeners(){this._formElement&&(this._formElement.removeEventListener("reset",this._handleFormReset),this._formElement.removeEventListener("submit",this._handleFormSubmit),this._formElement=null)}_findTextControl(t){for(const i of t){if(i.nodeType!==Node.ELEMENT_NODE)continue;const t=i,s=this._asTextControl(t);if(null!==s)return s;const e=t.querySelector("input, textarea");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)return e}return null}_asTextControl(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null}_resetControlValidationState(){this._controlTouched=!1,void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}_updateControlValidationState(){if(!this._isImplicitStatus())return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const t=this._controlElement;if(!t||t.disabled)return void(void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0));const i=t.validationMessage?.trim()??"";this._controlTouched&&t.matches(":user-invalid")&&i.length>0?this._controlValidationMessage!==i&&(this._controlValidationMessage=i):void 0!==this._controlValidationMessage&&(this._controlValidationMessage=void 0)}get _el(){return this}static get watchers(){return{status:[{_handleStatusChange:0}]}}static get style(){return".gids-field{display:flex;flex-direction:column;gap:var(--gids-gap-075)}.gids-field__header{display:flex;gap:var(--gids-gap-100);align-items:flex-start}.gids-field__header[hidden]{display:none}.gids-field__count{margin-left:auto;color:var(--gids-color-text-subtle);text-align:right;white-space:nowrap;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit)}:host([disabled]) .gids-field__count{color:var(--gids-color-text-disabled)}.gids-field__control{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-field__supporting-text,.gids-field__status-text{margin:0;padding-top:var(--gids-padding-vertical-edge-to-element-050);font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-field__supporting-text{color:var(--gids-color-text-subtlest)}.gids-field__status-text{display:flex;align-items:flex-start;gap:var(--gids-gap-050)}.gids-field__status-text .gids-field__status-icon{margin-top:max(0px, -1 * (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-text>span{margin-top:max(0px, (var(--gids-size-160) - var(--gids-typograpy-paragraph-x-small__line-height) * var(--gids-typograpy-paragraph-x-small__font-size)) / 2)}.gids-field__status-icon{flex-shrink:0}.gids-field__status-text--information{color:var(--gids-color-text-information);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--information{--gidsIcon-color:$icon-color}.gids-field__status-text--success{color:var(--gids-color-text-positive);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--success{--gidsIcon-color:$icon-color}.gids-field__status-text--warning{color:var(--gids-color-text-warning);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--warning{--gidsIcon-color:$icon-color}.gids-field__status-text--error{color:var(--gids-color-text-danger);--gids-field-status-icon-color:$icon-color}.gids-field__status-icon--error{--gidsIcon-color:$icon-color}"}},[257,"gids-field",{disabled:[516],count:[513],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],_controlValidationMessage:[32],_hasLabel:[32],reScanControl:[64]},void 0,{status:[{_handleStatusChange:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-field"].forEach((i=>{"gids-field"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}h();export{d as G,h as d}
|