@ganpatiinfo/gids-web-dom-reference 8.0.0 → 9.1.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/CHANGELOG.md +71 -0
- package/dist/components/GidsActionBar/GidsActionBar.d.ts +8 -0
- package/dist/components/GidsActionBar/GidsActionBar.d.ts.map +1 -0
- package/dist/components/GidsActionBar/GidsActionBar.js +29 -0
- package/dist/components/GidsActionBar/GidsActionBar.js.map +1 -0
- package/dist/components/GidsActivityGauge/GidsActivityGauge.d.ts +8 -0
- package/dist/components/GidsActivityGauge/GidsActivityGauge.d.ts.map +1 -0
- package/dist/components/GidsActivityGauge/GidsActivityGauge.js +17 -0
- package/dist/components/GidsActivityGauge/GidsActivityGauge.js.map +1 -0
- package/dist/components/GidsBarChart/GidsBarChart.d.ts +6 -0
- package/dist/components/GidsBarChart/GidsBarChart.d.ts.map +1 -0
- package/dist/components/GidsBarChart/GidsBarChart.js +19 -0
- package/dist/components/GidsBarChart/GidsBarChart.js.map +1 -0
- package/dist/components/GidsCalendar/GidsCalendar.d.ts +6 -0
- package/dist/components/GidsCalendar/GidsCalendar.d.ts.map +1 -0
- package/dist/components/GidsCalendar/GidsCalendar.js +36 -0
- package/dist/components/GidsCalendar/GidsCalendar.js.map +1 -0
- package/dist/components/GidsCalendarCell/GidsCalendarCell.d.ts +8 -0
- package/dist/components/GidsCalendarCell/GidsCalendarCell.d.ts.map +1 -0
- package/dist/components/GidsCalendarCell/GidsCalendarCell.js +55 -0
- package/dist/components/GidsCalendarCell/GidsCalendarCell.js.map +1 -0
- package/dist/components/GidsCalendarDayCell/GidsCalendarDayCell.d.ts +6 -0
- package/dist/components/GidsCalendarDayCell/GidsCalendarDayCell.d.ts.map +1 -0
- package/dist/components/GidsCalendarDayCell/GidsCalendarDayCell.js +17 -0
- package/dist/components/GidsCalendarDayCell/GidsCalendarDayCell.js.map +1 -0
- package/dist/components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.d.ts +13 -0
- package/dist/components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.d.ts.map +1 -0
- package/dist/components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js +45 -0
- package/dist/components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js.map +1 -0
- package/dist/components/GidsCalendarMonthList/GidsCalendarMonthList.d.ts +6 -0
- package/dist/components/GidsCalendarMonthList/GidsCalendarMonthList.d.ts.map +1 -0
- package/dist/components/GidsCalendarMonthList/GidsCalendarMonthList.js +19 -0
- package/dist/components/GidsCalendarMonthList/GidsCalendarMonthList.js.map +1 -0
- package/dist/components/GidsCalendarYearList/GidsCalendarYearList.d.ts +6 -0
- package/dist/components/GidsCalendarYearList/GidsCalendarYearList.d.ts.map +1 -0
- package/dist/components/GidsCalendarYearList/GidsCalendarYearList.js +34 -0
- package/dist/components/GidsCalendarYearList/GidsCalendarYearList.js.map +1 -0
- package/dist/components/GidsChart/GidsChart.d.ts +8 -0
- package/dist/components/GidsChart/GidsChart.d.ts.map +1 -0
- package/dist/components/GidsChart/GidsChart.js +16 -0
- package/dist/components/GidsChart/GidsChart.js.map +1 -0
- package/dist/components/GidsChartLegend/GidsChartLegend.d.ts +8 -0
- package/dist/components/GidsChartLegend/GidsChartLegend.d.ts.map +1 -0
- package/dist/components/GidsChartLegend/GidsChartLegend.js +13 -0
- package/dist/components/GidsChartLegend/GidsChartLegend.js.map +1 -0
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.d.ts +8 -0
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.d.ts.map +1 -0
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.js +14 -0
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.js.map +1 -0
- package/dist/components/GidsChevronButton/GidsChevronButton.d.ts +7 -0
- package/dist/components/GidsChevronButton/GidsChevronButton.d.ts.map +1 -0
- package/dist/components/GidsChevronButton/GidsChevronButton.js +18 -0
- package/dist/components/GidsChevronButton/GidsChevronButton.js.map +1 -0
- package/dist/components/GidsDot/GidsDot.d.ts +6 -0
- package/dist/components/GidsDot/GidsDot.d.ts.map +1 -0
- package/dist/components/GidsDot/GidsDot.js +19 -0
- package/dist/components/GidsDot/GidsDot.js.map +1 -0
- package/dist/components/GidsDropdown/GidsDropdown.d.ts +15 -0
- package/dist/components/GidsDropdown/GidsDropdown.d.ts.map +1 -0
- package/dist/components/GidsDropdown/GidsDropdown.js +62 -0
- package/dist/components/GidsDropdown/GidsDropdown.js.map +1 -0
- package/dist/components/GidsDropdownField/GidsDropdownField.d.ts +10 -0
- package/dist/components/GidsDropdownField/GidsDropdownField.d.ts.map +1 -0
- package/dist/components/GidsDropdownField/GidsDropdownField.js +38 -0
- package/dist/components/GidsDropdownField/GidsDropdownField.js.map +1 -0
- package/dist/components/GidsDropdownItem/GidsDropdownItem.d.ts +1 -1
- package/dist/components/GidsDropdownItem/GidsDropdownItem.d.ts.map +1 -1
- package/dist/components/GidsDropdownItem/GidsDropdownItem.js +8 -3
- package/dist/components/GidsDropdownItem/GidsDropdownItem.js.map +1 -1
- package/dist/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.d.ts +1 -1
- package/dist/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.d.ts.map +1 -1
- package/dist/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.js +15 -4
- package/dist/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.js.map +1 -1
- package/dist/components/GidsDropdownPicker/GidsDropdownPicker.d.ts +20 -0
- package/dist/components/GidsDropdownPicker/GidsDropdownPicker.d.ts.map +1 -0
- package/dist/components/GidsDropdownPicker/GidsDropdownPicker.js +62 -0
- package/dist/components/GidsDropdownPicker/GidsDropdownPicker.js.map +1 -0
- package/dist/components/GidsFilter/GidsFilter.d.ts +16 -0
- package/dist/components/GidsFilter/GidsFilter.d.ts.map +1 -0
- package/dist/components/GidsFilter/GidsFilter.js +49 -0
- package/dist/components/GidsFilter/GidsFilter.js.map +1 -0
- package/dist/components/GidsLevelGauge/GidsLevelGauge.d.ts +6 -0
- package/dist/components/GidsLevelGauge/GidsLevelGauge.d.ts.map +1 -0
- package/dist/components/GidsLevelGauge/GidsLevelGauge.js +17 -0
- package/dist/components/GidsLevelGauge/GidsLevelGauge.js.map +1 -0
- package/dist/components/GidsLineChart/GidsLineChart.d.ts +6 -0
- package/dist/components/GidsLineChart/GidsLineChart.d.ts.map +1 -0
- package/dist/components/GidsLineChart/GidsLineChart.js +19 -0
- package/dist/components/GidsLineChart/GidsLineChart.js.map +1 -0
- package/dist/components/GidsListItem/GidsListItem.d.ts.map +1 -1
- package/dist/components/GidsListItem/GidsListItem.js +30 -15
- package/dist/components/GidsListItem/GidsListItem.js.map +1 -1
- package/dist/components/GidsMenu/GidsMenu.d.ts.map +1 -1
- package/dist/components/GidsMenu/GidsMenu.js +0 -7
- package/dist/components/GidsMenu/GidsMenu.js.map +1 -1
- package/dist/components/GidsMenuGroup/GidsMenuGroup.d.ts.map +1 -1
- package/dist/components/GidsMenuGroup/GidsMenuGroup.js +0 -7
- package/dist/components/GidsMenuGroup/GidsMenuGroup.js.map +1 -1
- package/dist/components/GidsPageTitle/GidsPageTitle.d.ts +9 -0
- package/dist/components/GidsPageTitle/GidsPageTitle.d.ts.map +1 -0
- package/dist/components/GidsPageTitle/GidsPageTitle.js +32 -0
- package/dist/components/GidsPageTitle/GidsPageTitle.js.map +1 -0
- package/dist/components/GidsPieChart/GidsPieChart.d.ts +8 -0
- package/dist/components/GidsPieChart/GidsPieChart.d.ts.map +1 -0
- package/dist/components/GidsPieChart/GidsPieChart.js +16 -0
- package/dist/components/GidsPieChart/GidsPieChart.js.map +1 -0
- package/dist/components/GidsProgressCircle/GidsProgressCircle.d.ts +6 -0
- package/dist/components/GidsProgressCircle/GidsProgressCircle.d.ts.map +1 -0
- package/dist/components/GidsProgressCircle/GidsProgressCircle.js +17 -0
- package/dist/components/GidsProgressCircle/GidsProgressCircle.js.map +1 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/GidsActionBar/GidsActionBar.ts +67 -0
- package/src/components/GidsActivityGauge/GidsActivityGauge.ts +48 -0
- package/src/components/GidsBarChart/GidsBarChart.ts +47 -0
- package/src/components/GidsCalendar/GidsCalendar.ts +72 -0
- package/src/components/GidsCalendarCell/GidsCalendarCell.ts +95 -0
- package/src/components/GidsCalendarDayCell/GidsCalendarDayCell.ts +29 -0
- package/src/components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.ts +107 -0
- package/src/components/GidsCalendarMonthList/GidsCalendarMonthList.ts +56 -0
- package/src/components/GidsCalendarYearList/GidsCalendarYearList.ts +76 -0
- package/src/components/GidsChart/GidsChart.ts +41 -0
- package/src/components/GidsChartLegend/GidsChartLegend.ts +38 -0
- package/src/components/GidsChartLegendItem/GidsChartLegendItem.ts +40 -0
- package/src/components/GidsChevronButton/GidsChevronButton.ts +55 -0
- package/src/components/GidsDot/GidsDot.ts +42 -0
- package/src/components/GidsDropdown/GidsDropdown.ts +149 -0
- package/src/components/GidsDropdownField/GidsDropdownField.ts +106 -0
- package/src/components/GidsDropdownItem/GidsDropdownItem.ts +11 -3
- package/src/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.ts +23 -3
- package/src/components/GidsDropdownPicker/GidsDropdownPicker.ts +144 -0
- package/src/components/GidsFilter/GidsFilter.ts +110 -0
- package/src/components/GidsLevelGauge/GidsLevelGauge.ts +46 -0
- package/src/components/GidsLineChart/GidsLineChart.ts +50 -0
- package/src/components/GidsListItem/GidsListItem.ts +39 -18
- package/src/components/GidsMenu/GidsMenu.ts +0 -8
- package/src/components/GidsMenuGroup/GidsMenuGroup.ts +0 -8
- package/src/components/GidsPageTitle/GidsPageTitle.ts +60 -0
- package/src/components/GidsPieChart/GidsPieChart.ts +43 -0
- package/src/components/GidsProgressCircle/GidsProgressCircle.ts +46 -0
- package/src/index.ts +23 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsChartLegendItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsChartLegendItem/GidsChartLegendItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,2BAA2B,EAE3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOrE,MAAM,WAAW,2BAA4B,SAAQ,2BAA2B,CAAC,WAAW,CAAC;IAC5F,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,GAAI,sDAKpC,2BAA2B,KAAG,WAkBhC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { GidsChartLegendItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsChartLegendItemClassNames } = GidsChartLegendItemWebUtils;
|
|
4
|
+
export const GidsChartLegendItemDom = ({ children, seriesType = '1', orientation = 'horizontal', extraClasses, }) => {
|
|
5
|
+
const chartLegendItem = document.createElement('gids-chart-legend-item');
|
|
6
|
+
if (children) {
|
|
7
|
+
appendAsChildren(chartLegendItem, children);
|
|
8
|
+
}
|
|
9
|
+
chartLegendItem.seriesType = seriesType;
|
|
10
|
+
chartLegendItem.orientation = orientation;
|
|
11
|
+
chartLegendItem.className = getGidsChartLegendItemClassNames({ seriesType, orientation }, extraClasses);
|
|
12
|
+
return chartLegendItem;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=GidsChartLegendItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsChartLegendItem.js","sourceRoot":"","sources":["../../../src/components/GidsChartLegendItem/GidsChartLegendItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,2BAA2B,GAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,gCAAgC,EAAE,GAAG,2BAA2B,CAAC;AAUzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACtC,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,WAAW,GAAG,YAAY,EAC1B,YAAY,GACiB,EAAe,EAAE;IAC9C,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAC7C,wBAAwB,CACM,CAAC;IAEhC,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED,eAAe,CAAC,UAAU,GAAG,UAAU,CAAC;IACxC,eAAe,CAAC,WAAW,GAAG,WAAW,CAAC;IAE1C,eAAe,CAAC,SAAS,GAAG,gCAAgC,CAC3D,EAAE,UAAU,EAAE,WAAW,EAAE,EAC3B,YAAY,CACZ,CAAC;IAEF,OAAO,eAAe,CAAC;AACxB,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GidsChevronButtonWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
export interface GidsChevronButtonDomProps extends GidsChevronButtonWebProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
gidsChevronButton?: (this: HTMLButtonElement, event: Event) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const GidsChevronButtonDom: ({ size, disabled, gidsChevronButton, extraClasses, ariaLabel, ariaHaspopup, ariaExpanded, ariaControls, }: GidsChevronButtonDomProps) => HTMLElement;
|
|
7
|
+
//# sourceMappingURL=GidsChevronButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsChevronButton.d.ts","sourceRoot":"","sources":["../../../src/components/GidsChevronButton/GidsChevronButton.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,yBAAyB,EAEzB,MAAM,8BAA8B,CAAC;AAOtC,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpE;AAYD,eAAO,MAAM,oBAAoB,GAAI,2GASlC,yBAAyB,KAAG,WAoB9B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { GidsChevronButtonWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
// import { GidsIconDom } from '../GidsIcon/GidsIcon';
|
|
3
|
+
const { getGidsChevronButtonClassNames } = GidsChevronButtonWebUtils;
|
|
4
|
+
export const GidsChevronButtonDom = ({ size = 'xs', disabled, gidsChevronButton, extraClasses, ariaLabel, ariaHaspopup, ariaExpanded, ariaControls, }) => {
|
|
5
|
+
const chevronButton = document.createElement('gids-chevron-button');
|
|
6
|
+
chevronButton.className = getGidsChevronButtonClassNames({ size }, extraClasses);
|
|
7
|
+
chevronButton.size = size;
|
|
8
|
+
chevronButton.disabled = disabled;
|
|
9
|
+
chevronButton['aria-label'] = ariaLabel ?? '';
|
|
10
|
+
chevronButton['aria-haspopup'] = ariaHaspopup ?? '';
|
|
11
|
+
chevronButton['aria-expanded'] = ariaExpanded ?? '';
|
|
12
|
+
chevronButton['aria-controls'] = ariaControls ?? '';
|
|
13
|
+
if (gidsChevronButton) {
|
|
14
|
+
chevronButton.addEventListener('click', gidsChevronButton);
|
|
15
|
+
}
|
|
16
|
+
return chevronButton;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=GidsChevronButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsChevronButton.js","sourceRoot":"","sources":["../../../src/components/GidsChevronButton/GidsChevronButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AAGtC,sDAAsD;AAEtD,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAiBrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,GACe,EAAe,EAAE;IAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAC3C,qBAAqB,CACO,CAAC;IAC9B,aAAa,CAAC,SAAS,GAAG,8BAA8B,CACvD,EAAE,IAAI,EAAE,EACR,YAAY,CACZ,CAAC;IAEF,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC;IAC1B,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,YAAY,CAAC,GAAG,SAAS,IAAI,EAAE,CAAC;IAC9C,aAAa,CAAC,eAAe,CAAC,GAAG,YAAY,IAAI,EAAE,CAAC;IACpD,aAAa,CAAC,eAAe,CAAC,GAAG,YAAY,IAAI,EAAE,CAAC;IACpD,aAAa,CAAC,eAAe,CAAC,GAAG,YAAY,IAAI,EAAE,CAAC;IACpD,IAAI,iBAAiB,EAAE,CAAC;QACvB,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { GidsDotWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
export interface GidsDotDomProps extends GidsDotWebProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const GidsDotDom: ({ appearance, disabled, size, extraClasses, }: GidsDotDomProps) => HTMLElement;
|
|
6
|
+
//# sourceMappingURL=GidsDot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDot.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDot/GidsDot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAmB,MAAM,8BAA8B,CAAC;AAIhF,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,eAAO,MAAM,UAAU,GAAI,+CAKxB,eAAe,KAAG,WAqBpB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { GidsDotWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
const { getGidsDotClassNames } = GidsDotWebUtils;
|
|
3
|
+
export const GidsDotDom = ({ appearance = 'subtle', disabled = false, size = 'xs', extraClasses, }) => {
|
|
4
|
+
const dot = document.createElement('gids-dot');
|
|
5
|
+
dot.className = getGidsDotClassNames({ appearance, size, disabled }, extraClasses);
|
|
6
|
+
dot.setAttribute('appearance', appearance);
|
|
7
|
+
dot.setAttribute('size', size);
|
|
8
|
+
if (disabled) {
|
|
9
|
+
dot.setAttribute('disabled', '');
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
dot.removeAttribute('disabled');
|
|
13
|
+
}
|
|
14
|
+
dot.appearance = appearance;
|
|
15
|
+
dot.size = size;
|
|
16
|
+
dot.disabled = disabled;
|
|
17
|
+
return dot;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=GidsDot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDot.js","sourceRoot":"","sources":["../../../src/components/GidsDot/GidsDot.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEhF,MAAM,EAAE,oBAAoB,EAAE,GAAG,eAAe,CAAC;AAYjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,UAAU,GAAG,QAAQ,EACrB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,YAAY,GACK,EAAe,EAAE;IAClC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAmB,CAAC;IACjE,GAAG,CAAC,SAAS,GAAG,oBAAoB,CACnC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAC9B,YAAY,CACZ,CAAC;IAEF,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3C,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE/B,IAAI,QAAQ,EAAE,CAAC;QACd,GAAG,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;SAAM,CAAC;QACP,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC;IAED,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC;IAC5B,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;IAChB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAExB,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type GidsDropdownWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils.js';
|
|
3
|
+
type NativeInputForwardedProps = Partial<Omit<HTMLInputElement, 'value' | 'readOnly' | 'name' | 'disabled'>>;
|
|
4
|
+
export interface GidsDropdownToggleEventDetail {
|
|
5
|
+
expanded: boolean;
|
|
6
|
+
originalEvent?: Event;
|
|
7
|
+
}
|
|
8
|
+
export interface GidsDropdownDomProps extends GidsDropdownWebProps<DomChildren, NativeInputForwardedProps, DomChildren> {
|
|
9
|
+
children?: HTMLElement | HTMLElement[];
|
|
10
|
+
onToggle?: (detail: GidsDropdownToggleEventDetail) => void;
|
|
11
|
+
extraClasses?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const GidsDropdownDom: ({ appearance, expanded, loading, leadingIcon, value, name, disabled, readOnly, children, onSelectionChange, inputProps, onToggle, extraClasses, required, leadingAccessory, }: GidsDropdownDomProps) => HTMLElement;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=GidsDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdown/GidsDropdown.ts"],"names":[],"mappings":"AAIA,OAAO,EACN,KAAK,oBAAoB,EAEzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAGN,WAAW,EACX,MAAM,yBAAyB,CAAC;AAIjC,KAAK,yBAAyB,GAAG,OAAO,CACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC,CAClE,CAAC;AAUF,MAAM,WAAW,6BAA6B;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;CACtB;AAeD,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB,CACjE,WAAW,EACX,yBAAyB,EACzB,WAAW,CACX;IACA,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,+KAgB7B,oBAAoB,KAAG,WA4EzB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { GidsDropdownWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, assignToSlot, } from '../../utils/domUtils.js';
|
|
3
|
+
const { getGidsDropdownClassNames } = GidsDropdownWebUtils;
|
|
4
|
+
export const GidsDropdownDom = ({ appearance, expanded, loading = false, leadingIcon, value, name, disabled = false, readOnly = false, children, onSelectionChange, inputProps, onToggle, extraClasses, required = false, leadingAccessory, }) => {
|
|
5
|
+
const dropdown = document.createElement('gids-dropdown');
|
|
6
|
+
if (appearance) {
|
|
7
|
+
dropdown.appearance = appearance;
|
|
8
|
+
}
|
|
9
|
+
if (typeof expanded === 'boolean') {
|
|
10
|
+
dropdown.expanded = expanded;
|
|
11
|
+
}
|
|
12
|
+
dropdown.loading = loading;
|
|
13
|
+
if (leadingIcon) {
|
|
14
|
+
// @ts-expect-error expected err
|
|
15
|
+
assignToSlot(dropdown, 'leadingIconDropdown', leadingIcon);
|
|
16
|
+
}
|
|
17
|
+
if (leadingAccessory) {
|
|
18
|
+
// @ts-expect-error expected err
|
|
19
|
+
assignToSlot(dropdown, 'leadingAccessoryDropdown', leadingAccessory);
|
|
20
|
+
}
|
|
21
|
+
dropdown.disabled = disabled;
|
|
22
|
+
dropdown.readOnly = readOnly;
|
|
23
|
+
if (typeof value === 'string') {
|
|
24
|
+
dropdown.value = value;
|
|
25
|
+
}
|
|
26
|
+
if (name) {
|
|
27
|
+
dropdown.name = name;
|
|
28
|
+
}
|
|
29
|
+
dropdown.required = required;
|
|
30
|
+
const isInteractive = !(disabled || readOnly);
|
|
31
|
+
const isExpanded = Boolean(expanded) && isInteractive;
|
|
32
|
+
const hasMenuContent = children !== undefined;
|
|
33
|
+
const inputId = typeof inputProps?.id === 'string' ? inputProps.id : undefined;
|
|
34
|
+
const menuId = typeof inputId === 'string' ? `${inputId}__menu` : undefined;
|
|
35
|
+
const inputPropsWithA11y = {
|
|
36
|
+
...(inputProps ?? {}),
|
|
37
|
+
};
|
|
38
|
+
if (hasMenuContent) {
|
|
39
|
+
inputPropsWithA11y.role = 'combobox';
|
|
40
|
+
inputPropsWithA11y['aria-expanded'] = isExpanded ? 'true' : 'false';
|
|
41
|
+
inputPropsWithA11y['aria-haspopup'] = 'listbox';
|
|
42
|
+
inputPropsWithA11y['aria-autocomplete'] = 'list';
|
|
43
|
+
if (typeof menuId === 'string') {
|
|
44
|
+
inputPropsWithA11y['aria-controls'] = menuId;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
dropdown.className = getGidsDropdownClassNames({ expanded: isExpanded }, extraClasses);
|
|
48
|
+
dropdown.inputProps = inputPropsWithA11y;
|
|
49
|
+
if (onSelectionChange) {
|
|
50
|
+
dropdown.onSelectionChange = onSelectionChange;
|
|
51
|
+
}
|
|
52
|
+
if (onToggle) {
|
|
53
|
+
dropdown.addEventListener('gidsDropdownToggle', (event) => {
|
|
54
|
+
onToggle(event.detail);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
if (children !== undefined && children !== null) {
|
|
58
|
+
appendAsChildren(dropdown, children);
|
|
59
|
+
}
|
|
60
|
+
return dropdown;
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=GidsDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDropdown.js","sourceRoot":"","sources":["../../../src/components/GidsDropdown/GidsDropdown.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { GidsDropdownFieldWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils';
|
|
3
|
+
type NativeInputForwardedProps = Partial<Omit<HTMLInputElement, 'value' | 'readOnly' | 'name' | 'disabled'>>;
|
|
4
|
+
export interface GidsDropdownFieldDomProps extends GidsDropdownFieldWebProps<DomChildren, NativeInputForwardedProps, DomChildren> {
|
|
5
|
+
children?: HTMLElement | HTMLElement[];
|
|
6
|
+
extraClasses?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const GidsDropdownFieldDom: ({ label, helperText, statusText, status, appearance, expanded, inputProps, disabled, readOnly, loading, value, name, children, onSelectionChange, required, state, extraClasses, leadingIcon, leadingAccessory, }: GidsDropdownFieldDomProps) => HTMLElement;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=GidsDropdownField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownField/GidsDropdownField.ts"],"names":[],"mappings":"AAIA,OAAO,EACN,yBAAyB,EAIzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAgB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIjE,KAAK,yBAAyB,GAAG,OAAO,CACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC,CAClE,CAAC;AAoBF,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB,CAC3E,WAAW,EACX,yBAAyB,EACzB,WAAW,CACX;IACA,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAAI,mNAoBlC,yBAAyB,KAAG,WAwC9B,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { GidsDropdownFieldWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { assignToSlot } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsDropdownFieldClassNames } = GidsDropdownFieldWebUtils;
|
|
4
|
+
export const GidsDropdownFieldDom = ({ label, helperText, statusText, status, appearance, expanded, inputProps, disabled, readOnly, loading, value, name, children, onSelectionChange, required, state, extraClasses, leadingIcon, leadingAccessory, }) => {
|
|
5
|
+
const dropdownField = document.createElement('gids-dropdown-field');
|
|
6
|
+
dropdownField.className = getGidsDropdownFieldClassNames(extraClasses);
|
|
7
|
+
dropdownField.label = label;
|
|
8
|
+
dropdownField.helperText = helperText;
|
|
9
|
+
dropdownField.statusText = statusText;
|
|
10
|
+
dropdownField.status = status;
|
|
11
|
+
dropdownField.appearance = appearance;
|
|
12
|
+
dropdownField.expanded = expanded;
|
|
13
|
+
dropdownField.inputProps = inputProps;
|
|
14
|
+
dropdownField.disabled = disabled;
|
|
15
|
+
dropdownField.readOnly = readOnly;
|
|
16
|
+
dropdownField.loading = loading;
|
|
17
|
+
dropdownField.value = value;
|
|
18
|
+
dropdownField.name = name;
|
|
19
|
+
const childrenNodes = children
|
|
20
|
+
? (Array.isArray(children) ? children : [children]).filter((node) => node != null)
|
|
21
|
+
: [];
|
|
22
|
+
if (childrenNodes.length > 0) {
|
|
23
|
+
dropdownField.append(...childrenNodes);
|
|
24
|
+
}
|
|
25
|
+
dropdownField.onSelectionChange = onSelectionChange;
|
|
26
|
+
dropdownField.required = required;
|
|
27
|
+
dropdownField.state = state;
|
|
28
|
+
if (leadingIcon) {
|
|
29
|
+
// @ts-expect-error expected err
|
|
30
|
+
assignToSlot(dropdownField, 'leadingIconDropdown', leadingIcon);
|
|
31
|
+
}
|
|
32
|
+
if (leadingAccessory) {
|
|
33
|
+
// @ts-expect-error expected err
|
|
34
|
+
assignToSlot(dropdownField, 'leadingAccessoryDropdown', leadingAccessory);
|
|
35
|
+
}
|
|
36
|
+
return dropdownField;
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=GidsDropdownField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDropdownField.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownField/GidsDropdownField.ts"],"names":[],"mappings":"AAIA,OAAO,EAEN,yBAAyB,GAGzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAe,MAAM,sBAAsB,CAAC;AAEjE,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAiCrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,KAAK,EACL,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,gBAAgB,GACW,EAAe,EAAE;IAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAC3C,qBAAqB,CACO,CAAC;IAE9B,aAAa,CAAC,SAAS,GAAG,8BAA8B,CAAC,YAAY,CAAC,CAAC;IACvE,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,aAAa,CAAC,UAAU,GAAG,UAAU,CAAC;IACtC,aAAa,CAAC,UAAU,GAAG,UAAU,CAAC;IACtC,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,UAAU,GAAG,UAAU,CAAC;IACtC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,UAAU,GAAG,UAAU,CAAC;IACtC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,aAAa,GAAG,QAAQ;QAC7B,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CACxD,CAAC,IAAI,EAAuB,EAAE,CAAC,IAAI,IAAI,IAAI,CAC3C;QACF,CAAC,CAAC,EAAE,CAAC;IACN,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC9B,aAAa,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC;IACxC,CAAC;IACD,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,IAAI,WAAW,EAAE,CAAC;QACjB,gCAAgC;QAChC,YAAY,CAAC,aAAa,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,gBAAgB,EAAE,CAAC;QACtB,gCAAgC;QAChC,YAAY,CAAC,aAAa,EAAE,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC"}
|
|
@@ -6,5 +6,5 @@ export interface GidsDropdownItemDomProps extends GidsDropdownItemWebProps<DomCh
|
|
|
6
6
|
extraClasses?: string;
|
|
7
7
|
onPressDropdownItem?: (event: CustomEvent<GidsDropdownItemSelectEventDetail>) => void;
|
|
8
8
|
}
|
|
9
|
-
export declare const GidsDropdownItemDom: ({ title, selected, disabled, extraClasses, name, value, onPressDropdownItem, index,
|
|
9
|
+
export declare const GidsDropdownItemDom: ({ id, title, selected, disabled, extraClasses, name, value, onPressDropdownItem, index, defaultSelected, leadingAccessory, divider, isPlaceholderItem, }: GidsDropdownItemDomProps) => HTMLButtonElement;
|
|
10
10
|
//# sourceMappingURL=GidsDropdownItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsDropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,wBAAwB,EAE7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,iCAAiC,EAEjC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB,CAAC,WAAW,CAAC;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,CACrB,KAAK,EAAE,WAAW,CAAC,iCAAiC,CAAC,KACjD,IAAI,CAAC;CACV;AAED,eAAO,MAAM,mBAAmB,GAAI
|
|
1
|
+
{"version":3,"file":"GidsDropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,wBAAwB,EAE7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,iCAAiC,EAEjC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB,CAAC,WAAW,CAAC;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,CACrB,KAAK,EAAE,WAAW,CAAC,iCAAiC,CAAC,KACjD,IAAI,CAAC;CACV;AAED,eAAO,MAAM,mBAAmB,GAAI,0JAcjC,wBAAwB,KAAG,iBAkC7B,CAAC"}
|
|
@@ -1,25 +1,30 @@
|
|
|
1
1
|
import { GidsDropdownItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
2
|
import { GidsListItemDom } from '../GidsListItem/GidsListItem.js';
|
|
3
3
|
const { getGidsDropdownItemClassNames } = GidsDropdownItemWebUtils;
|
|
4
|
-
export const GidsDropdownItemDom = ({ title, selected = false, disabled = false, extraClasses, name, value, onPressDropdownItem, index,
|
|
4
|
+
export const GidsDropdownItemDom = ({ id, title, selected = false, disabled = false, extraClasses, name, value, onPressDropdownItem, index, defaultSelected, leadingAccessory, divider, isPlaceholderItem, }) => {
|
|
5
5
|
return GidsListItemDom({
|
|
6
|
+
id: id,
|
|
6
7
|
children: title,
|
|
7
|
-
index,
|
|
8
|
-
|
|
8
|
+
index: index ?? 0,
|
|
9
|
+
defaultSelected,
|
|
9
10
|
selected,
|
|
10
11
|
disabled,
|
|
11
12
|
extraClasses: getGidsDropdownItemClassNames(extraClasses),
|
|
12
13
|
name,
|
|
13
14
|
leadingAccessory,
|
|
15
|
+
divider,
|
|
16
|
+
isPlaceholderItem,
|
|
14
17
|
onPressListItem: (event) => {
|
|
15
18
|
const customEvent = new CustomEvent('onPressDropdownItem', {
|
|
16
19
|
bubbles: true,
|
|
17
20
|
composed: true,
|
|
18
21
|
detail: {
|
|
22
|
+
id,
|
|
19
23
|
title,
|
|
20
24
|
value,
|
|
21
25
|
disabled,
|
|
22
26
|
...event.detail,
|
|
27
|
+
isPlaceholderItem,
|
|
23
28
|
},
|
|
24
29
|
});
|
|
25
30
|
if (onPressDropdownItem) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsDropdownItem.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,MAAM,EAAE,6BAA6B,EAAE,GAAG,wBAAwB,CAAC;AAUnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"GidsDropdownItem.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,MAAM,EAAE,6BAA6B,EAAE,GAAG,wBAAwB,CAAC;AAUnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,EAAE,EACF,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GACS,EAAqB,EAAE;IACjD,OAAO,eAAe,CAAC;QACtB,EAAE,EAAE,EAAE;QACN,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,KAAK,IAAI,CAAC;QACjB,eAAe;QACf,QAAQ;QACR,QAAQ;QACR,YAAY,EAAE,6BAA6B,CAAC,YAAY,CAAC;QACzD,IAAI;QACJ,gBAAgB;QAChB,OAAO;QACP,iBAAiB;QACjB,eAAe,EAAE,CAAC,KAAiD,EAAE,EAAE;YACtE,MAAM,WAAW,GAAG,IAAI,WAAW,CAClC,qBAAqB,EACrB;gBACC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACP,EAAE;oBACF,KAAK;oBACL,KAAK;oBACL,QAAQ;oBACR,GAAG,KAAK,CAAC,MAAM;oBACf,iBAAiB;iBACjB;aACD,CACD,CAAC;YACF,IAAI,mBAAmB,EAAE,CAAC;gBACzB,mBAAmB,CAAC,WAAW,CAAC,CAAC;YAClC,CAAC;QACF,CAAC;KACD,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,5 +3,5 @@ import { DomChildren } from '../../utils/domUtils.js';
|
|
|
3
3
|
export interface GidsDropdownMenuGroupDomProps extends GidsDropdownMenuGroupWebProps<DomChildren> {
|
|
4
4
|
extraClasses?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const GidsDropdownMenuGroupDom: ({ children, extraClasses, }: GidsDropdownMenuGroupDomProps) => HTMLDivElement;
|
|
6
|
+
export declare const GidsDropdownMenuGroupDom: ({ type, supportingText, children, extraClasses, }: GidsDropdownMenuGroupDomProps) => HTMLDivElement;
|
|
7
7
|
//# sourceMappingURL=GidsDropdownMenuGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsDropdownMenuGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsDropdownMenuGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAKxE,MAAM,WAAW,6BAA8B,SAAQ,6BAA6B,CAAC,WAAW,CAAC;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,GAAI,mDAKtC,6BAA6B,KAAG,cA2BlC,CAAC"}
|
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
import { GidsDropdownMenuGroupWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
2
|
import { appendAsChildren } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsSpinnerDom } from '../GidsSpinner/GidsSpinner.js';
|
|
3
4
|
const { getGidsDropdownMenuGroupClassNames } = GidsDropdownMenuGroupWebUtils;
|
|
4
|
-
export const GidsDropdownMenuGroupDom = ({ children, extraClasses, }) => {
|
|
5
|
+
export const GidsDropdownMenuGroupDom = ({ type = 'no-options', supportingText = 'No options', children, extraClasses, }) => {
|
|
5
6
|
const dropdownMenuGroup = document.createElement('div');
|
|
6
|
-
dropdownMenuGroup.className =
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
dropdownMenuGroup.className = getGidsDropdownMenuGroupClassNames({ type }, extraClasses);
|
|
8
|
+
if (type === 'loading') {
|
|
9
|
+
dropdownMenuGroup.append(GidsSpinnerDom({
|
|
10
|
+
indeterminate: true,
|
|
11
|
+
size: 'md',
|
|
12
|
+
}));
|
|
13
|
+
}
|
|
14
|
+
if (type === 'no-options') {
|
|
15
|
+
const noOptionText = document.createElement('span');
|
|
16
|
+
noOptionText.textContent = supportingText;
|
|
17
|
+
appendAsChildren(dropdownMenuGroup, noOptionText);
|
|
18
|
+
}
|
|
19
|
+
if (type === 'default' && children !== undefined && children !== null) {
|
|
9
20
|
appendAsChildren(dropdownMenuGroup, children);
|
|
10
21
|
}
|
|
11
22
|
return dropdownMenuGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsDropdownMenuGroup.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,6BAA6B,GAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsDropdownMenuGroup.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,6BAA6B,GAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,MAAM,EAAE,kCAAkC,EAAE,GAAG,6BAA6B,CAAC;AAM7E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACxC,IAAI,GAAG,YAAY,EACnB,cAAc,GAAG,YAAY,EAC7B,QAAQ,EACR,YAAY,GACmB,EAAkB,EAAE;IACnD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,iBAAiB,CAAC,SAAS,GAAG,kCAAkC,CAC/D,EAAE,IAAI,EAAE,EACR,YAAY,CACZ,CAAC;IAEF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACxB,iBAAiB,CAAC,MAAM,CACvB,cAAc,CAAC;YACd,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,IAAI;SACV,CAAC,CACF,CAAC;IACH,CAAC;IAED,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;QAC1C,gBAAgB,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACvE,gBAAgB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { GidsDropdownPickerWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils.js';
|
|
3
|
+
type GidsDropdownPickerA11yProps = {
|
|
4
|
+
role?: string | null;
|
|
5
|
+
'aria-expanded'?: string;
|
|
6
|
+
'aria-haspopup'?: string;
|
|
7
|
+
'aria-controls'?: string;
|
|
8
|
+
};
|
|
9
|
+
export interface GidsDropdownPickerToggleEventDetail {
|
|
10
|
+
expanded: boolean;
|
|
11
|
+
originalEvent?: Event;
|
|
12
|
+
}
|
|
13
|
+
export interface GidsDropdownPickerDomProps extends GidsDropdownPickerWebProps<DomChildren, DomChildren>, GidsDropdownPickerA11yProps {
|
|
14
|
+
children?: HTMLElement | HTMLElement[];
|
|
15
|
+
onToggle?: (detail: GidsDropdownPickerToggleEventDetail) => void;
|
|
16
|
+
extraClasses?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const GidsDropdownPickerDom: ({ idPicker, appearance, expanded, disabled, loading, value, leadingIcon, name, onSelectionChange, children, onToggle, size, extraClasses, }: GidsDropdownPickerDomProps) => HTMLElement;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=GidsDropdownPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDropdownPicker.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownPicker/GidsDropdownPicker.ts"],"names":[],"mappings":"AAKA,OAAO,EACN,0BAA0B,EAE1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAGN,WAAW,EACX,MAAM,yBAAyB,CAAC;AAKjC,KAAK,2BAA2B,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,mCAAmC;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;CACtB;AAiBD,MAAM,WAAW,0BAChB,SACC,0BAA0B,CAAC,WAAW,EAAE,WAAW,CAAC,EACpD,2BAA2B;IAC5B,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mCAAmC,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,6IAcnC,0BAA0B,KAAG,WA2E/B,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { GidsDropdownPickerWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, assignToSlot, } from '../../utils/domUtils.js';
|
|
3
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
|
|
4
|
+
const { getGidsDropdownPickerClassNames } = GidsDropdownPickerWebUtils;
|
|
5
|
+
export const GidsDropdownPickerDom = ({ idPicker, appearance = 'subtle', expanded, disabled = false, loading = false, value, leadingIcon, name, onSelectionChange, children, onToggle, size = 'sm', extraClasses, }) => {
|
|
6
|
+
const dropdownPicker = document.createElement('gids-dropdown-picker');
|
|
7
|
+
if (appearance) {
|
|
8
|
+
dropdownPicker.appearance = appearance;
|
|
9
|
+
}
|
|
10
|
+
if (typeof expanded === 'boolean') {
|
|
11
|
+
dropdownPicker.expanded = expanded;
|
|
12
|
+
}
|
|
13
|
+
dropdownPicker.loading = loading;
|
|
14
|
+
if (leadingIcon) {
|
|
15
|
+
// @ts-expect-error expected err
|
|
16
|
+
assignToSlot(dropdownPicker, 'leadingIconDropdownPicker', leadingIcon);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
const leadingIconCust = GidsIconDom({
|
|
20
|
+
name: 'chevron-down',
|
|
21
|
+
size: size,
|
|
22
|
+
appearance: 'regular',
|
|
23
|
+
alt: '',
|
|
24
|
+
});
|
|
25
|
+
assignToSlot(dropdownPicker, 'leadingIconDropdownPicker', leadingIconCust);
|
|
26
|
+
}
|
|
27
|
+
dropdownPicker.disabled = disabled;
|
|
28
|
+
dropdownPicker.size = size;
|
|
29
|
+
if (typeof value === 'string') {
|
|
30
|
+
dropdownPicker.value = value;
|
|
31
|
+
}
|
|
32
|
+
if (name) {
|
|
33
|
+
dropdownPicker.name = name;
|
|
34
|
+
}
|
|
35
|
+
const isInteractive = !disabled;
|
|
36
|
+
const isExpanded = Boolean(expanded) && isInteractive;
|
|
37
|
+
const hasMenuContent = children !== undefined;
|
|
38
|
+
const pickerId = typeof idPicker === 'string' ? idPicker : undefined;
|
|
39
|
+
const menuId = typeof pickerId === 'string' ? `${pickerId}__menu` : undefined;
|
|
40
|
+
if (hasMenuContent) {
|
|
41
|
+
dropdownPicker.role = 'pickerbox';
|
|
42
|
+
dropdownPicker['aria-expanded'] = isExpanded ? 'true' : 'false';
|
|
43
|
+
dropdownPicker['aria-haspopup'] = 'pickerlistbox';
|
|
44
|
+
if (typeof menuId === 'string') {
|
|
45
|
+
dropdownPicker['aria-controls'] = menuId;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
dropdownPicker.className = getGidsDropdownPickerClassNames({ expanded: isExpanded }, extraClasses);
|
|
49
|
+
if (onSelectionChange) {
|
|
50
|
+
dropdownPicker.onSelectionChange = onSelectionChange;
|
|
51
|
+
}
|
|
52
|
+
if (onToggle) {
|
|
53
|
+
dropdownPicker.addEventListener('gidsDropdownPickerToggle', (event) => {
|
|
54
|
+
onToggle(event.detail);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
if (children !== undefined && children !== null) {
|
|
58
|
+
appendAsChildren(dropdownPicker, children);
|
|
59
|
+
}
|
|
60
|
+
return dropdownPicker;
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=GidsDropdownPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDropdownPicker.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownPicker/GidsDropdownPicker.ts"],"names":[],"mappings":"AAKA,OAAO,EAEN,0BAA0B,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,gBAAgB,EAChB,YAAY,GAEZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AAsCvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACrC,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,YAAY,GACgB,EAAe,EAAE;IAC7C,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAC5C,sBAAsB,CACO,CAAC;IAE/B,IAAI,UAAU,EAAE,CAAC;QAChB,cAAc,CAAC,UAAU,GAAG,UAAU,CAAC;IACxC,CAAC;IACD,IAAI,OAAO,QAAQ,KAAK,SAAS,EAAE,CAAC;QACnC,cAAc,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACpC,CAAC;IACD,cAAc,CAAC,OAAO,GAAG,OAAO,CAAC;IAEjC,IAAI,WAAW,EAAE,CAAC;QACjB,gCAAgC;QAChC,YAAY,CAAC,cAAc,EAAE,2BAA2B,EAAE,WAAW,CAAC,CAAC;IACxE,CAAC;SAAM,CAAC;QACP,MAAM,eAAe,GAAG,WAAW,CAAC;YACnC,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,EAAE,EAAE;SACP,CAAC,CAAC;QACH,YAAY,CAAC,cAAc,EAAE,2BAA2B,EAAE,eAAe,CAAC,CAAC;IAC5E,CAAC;IACD,cAAc,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACnC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;IAC3B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC/B,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC;IAC9B,CAAC;IACD,IAAI,IAAI,EAAE,CAAC;QACV,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC;IACtD,MAAM,cAAc,GAAG,QAAQ,KAAK,SAAS,CAAC;IAE9C,MAAM,QAAQ,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,IAAI,cAAc,EAAE,CAAC;QACpB,cAAc,CAAC,IAAI,GAAG,WAAW,CAAC;QAClC,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAChE,cAAc,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;QAClD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAChC,cAAc,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC;QAC1C,CAAC;IACF,CAAC;IAED,cAAc,CAAC,SAAS,GAAG,+BAA+B,CACzD,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxB,YAAY,CACZ,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACvB,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IACtD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,cAAc,CAAC,gBAAgB,CAC9B,0BAA0B,EAC1B,CAAC,KAAY,EAAE,EAAE;YAChB,QAAQ,CACN,KAA0D,CAAC,MAAM,CAClE,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACjD,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GidsFilterWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { GidsFilterToggleEventDetail } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
type GidsFilterA11yProps = {
|
|
4
|
+
role?: string | null;
|
|
5
|
+
'aria-expanded'?: string;
|
|
6
|
+
'aria-haspopup'?: string;
|
|
7
|
+
'aria-controls'?: string;
|
|
8
|
+
};
|
|
9
|
+
type GidsFilterBaseWebProps = GidsFilterWebProps<HTMLElement | HTMLElement[] | undefined>;
|
|
10
|
+
export interface GidsFilterDomProps extends GidsFilterBaseWebProps, GidsFilterA11yProps {
|
|
11
|
+
onToggle?: (detail: GidsFilterToggleEventDetail<Event>) => void;
|
|
12
|
+
extraClasses?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const GidsFilterDom: ({ name, filterId, filterPickerId, expanded, type, value, filterSelected, filterDefaultSelected, children, filterItemType, disabled, size, loading, filterIndex, onFilterMenuItemChange, onToggle, extraClasses, }: GidsFilterDomProps) => HTMLElement;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=GidsFilter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsFilter.d.ts","sourceRoot":"","sources":["../../../src/components/GidsFilter/GidsFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,EAElB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAI5E,KAAK,mBAAmB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,sBAAsB,GAAG,kBAAkB,CAC/C,WAAW,GAAG,WAAW,EAAE,GAAG,SAAS,CACvC,CAAC;AAQF,MAAM,WAAW,kBAChB,SAAQ,sBAAsB,EAAE,mBAAmB;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,mNAkB3B,kBAAkB,KAAG,WA2DvB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { GidsFilterWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsFilterClassNames } = GidsFilterWebUtils;
|
|
4
|
+
export const GidsFilterDom = ({ name, filterId, filterPickerId, expanded = false, type = 'none', value, filterSelected = false, filterDefaultSelected = false, children, filterItemType = 'primary', disabled = false, size = 'sm', loading = false, filterIndex = 0, onFilterMenuItemChange, onToggle, extraClasses, }) => {
|
|
5
|
+
const filter = document.createElement('gids-filter');
|
|
6
|
+
filter.type = type;
|
|
7
|
+
filter.filterId = filterId;
|
|
8
|
+
filter.filterSelected = filterSelected;
|
|
9
|
+
filter.filterDefaultSelected = filterDefaultSelected;
|
|
10
|
+
if (typeof expanded === 'boolean') {
|
|
11
|
+
filter.expanded = expanded;
|
|
12
|
+
}
|
|
13
|
+
filter.loading = loading;
|
|
14
|
+
filter.disabled = disabled;
|
|
15
|
+
filter.size = size;
|
|
16
|
+
filter.filterItemType = filterItemType;
|
|
17
|
+
filter.filterIndex = filterIndex;
|
|
18
|
+
if (typeof value === 'string') {
|
|
19
|
+
filter.value = value;
|
|
20
|
+
}
|
|
21
|
+
if (name) {
|
|
22
|
+
filter.name = name;
|
|
23
|
+
}
|
|
24
|
+
const isInteractive = !disabled;
|
|
25
|
+
const isExpanded = Boolean(expanded) && isInteractive;
|
|
26
|
+
const hasMenuContent = children !== undefined && children !== null;
|
|
27
|
+
const pickerId = typeof filterPickerId === 'string' ? filterPickerId : undefined;
|
|
28
|
+
const menuId = typeof pickerId === 'string' ? `${pickerId}__menu` : undefined;
|
|
29
|
+
if (hasMenuContent) {
|
|
30
|
+
filter.role = 'pickerbox';
|
|
31
|
+
filter['aria-expanded'] = isExpanded ? 'true' : 'false';
|
|
32
|
+
filter['aria-haspopup'] = 'pickerlistbox';
|
|
33
|
+
if (typeof menuId === 'string') {
|
|
34
|
+
filter['aria-controls'] = menuId;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
filter.className = getGidsFilterClassNames({ expanded: isExpanded }, extraClasses);
|
|
38
|
+
if (onFilterMenuItemChange) {
|
|
39
|
+
filter.onFilterMenuItemChange = onFilterMenuItemChange;
|
|
40
|
+
}
|
|
41
|
+
if (onToggle) {
|
|
42
|
+
filter.onToggle = onToggle;
|
|
43
|
+
}
|
|
44
|
+
if (children !== undefined && children !== null) {
|
|
45
|
+
appendAsChildren(filter, children);
|
|
46
|
+
}
|
|
47
|
+
return filter;
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=GidsFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsFilter.js","sourceRoot":"","sources":["../../../src/components/GidsFilter/GidsFilter.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { GidsLevelGaugeWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
export interface GidsLevelGaugeDomProps extends GidsLevelGaugeWebProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const GidsLevelGaugeDom: ({ label, color, value, breakpoint, chartLoading, chartLoaderSize, chartLoadingSupportingText, chartLoadingTitle, size, extraClasses, }: GidsLevelGaugeDomProps) => HTMLElement;
|
|
6
|
+
//# sourceMappingURL=GidsLevelGauge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsLevelGauge.d.ts","sourceRoot":"","sources":["../../../src/components/GidsLevelGauge/GidsLevelGauge.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,sBAAsB,EAEtB,MAAM,8BAA8B,CAAC;AAMtC,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,wIAW/B,sBAAsB,KAAG,WAqB3B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { GidsLevelGaugeWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
const { getGidsLevelGaugeClassNames } = GidsLevelGaugeWebUtils;
|
|
3
|
+
export const GidsLevelGaugeDom = ({ label, color = 'amber', value = 0, breakpoint = 'desktop', chartLoading = false, chartLoaderSize, chartLoadingSupportingText, chartLoadingTitle, size = 'xxs', extraClasses, }) => {
|
|
4
|
+
const levelGauge = document.createElement('gids-level-gauge');
|
|
5
|
+
levelGauge.breakpoint = breakpoint;
|
|
6
|
+
levelGauge.size = size;
|
|
7
|
+
levelGauge.label = label;
|
|
8
|
+
levelGauge.value = value;
|
|
9
|
+
levelGauge.color = color;
|
|
10
|
+
levelGauge.chartLoading = chartLoading;
|
|
11
|
+
levelGauge.chartLoaderSize = chartLoaderSize;
|
|
12
|
+
levelGauge.chartLoadingTitle = chartLoadingTitle;
|
|
13
|
+
levelGauge.chartLoadingSupportingText = chartLoadingSupportingText;
|
|
14
|
+
levelGauge.className = getGidsLevelGaugeClassNames({ breakpoint }, extraClasses);
|
|
15
|
+
return levelGauge;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=GidsLevelGauge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsLevelGauge.js","sourceRoot":"","sources":["../../../src/components/GidsLevelGauge/GidsLevelGauge.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,sBAAsB,GACtB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,2BAA2B,EAAE,GAAG,sBAAsB,CAAC;AAQ/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,SAAS,EACtB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,0BAA0B,EAC1B,iBAAiB,EACjB,IAAI,GAAG,KAAK,EACZ,YAAY,GACY,EAAe,EAAE;IACzC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CACxC,kBAAkB,CACO,CAAC;IAE3B,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;IACnC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;IACzB,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;IACzB,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;IACzB,UAAU,CAAC,YAAY,GAAG,YAAY,CAAC;IACvC,UAAU,CAAC,eAAe,GAAG,eAAe,CAAC;IAC7C,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IACjD,UAAU,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;IAEnE,UAAU,CAAC,SAAS,GAAG,2BAA2B,CACjD,EAAE,UAAU,EAAE,EACd,YAAY,CACZ,CAAC;IAEF,OAAO,UAAU,CAAC;AACnB,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { GidsLineChartWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
export interface GidsLineChartDomProps extends GidsLineChartWebProps {
|
|
3
|
+
extraClasses?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const GidsLineChartDom: ({ breakpoint, legend, chartData, yAxisVisible, xAxisLabel, yAxisLabel, dataPoints, chartLoading, chartLoaderSize, chartLoadingTitle, chartLoadingSupportingText, extraClasses, }: GidsLineChartDomProps) => HTMLElement;
|
|
6
|
+
//# sourceMappingURL=GidsLineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsLineChart.d.ts","sourceRoot":"","sources":["../../../src/components/GidsLineChart/GidsLineChart.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EAErB,MAAM,8BAA8B,CAAC;AAMtC,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,kLAa9B,qBAAqB,KAAG,WAuB1B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { GidsLineChartWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
const { getGidsLineChartClassNames } = GidsLineChartWebUtils;
|
|
3
|
+
export const GidsLineChartDom = ({ breakpoint = 'desktop', legend = 'none', chartData = [], yAxisVisible = false, xAxisLabel, yAxisLabel, dataPoints, chartLoading, chartLoaderSize, chartLoadingTitle, chartLoadingSupportingText, extraClasses, }) => {
|
|
4
|
+
const lineChart = document.createElement('gids-line-chart');
|
|
5
|
+
lineChart.breakpoint = breakpoint;
|
|
6
|
+
lineChart.legend = legend;
|
|
7
|
+
lineChart.chartData = chartData;
|
|
8
|
+
lineChart.yAxisVisible = yAxisVisible;
|
|
9
|
+
lineChart.xAxisLabel = xAxisLabel;
|
|
10
|
+
lineChart.yAxisLabel = yAxisLabel;
|
|
11
|
+
lineChart.dataPoints = dataPoints;
|
|
12
|
+
lineChart.chartLoading = chartLoading;
|
|
13
|
+
lineChart.chartLoaderSize = chartLoaderSize;
|
|
14
|
+
lineChart.chartLoadingTitle = chartLoadingTitle;
|
|
15
|
+
lineChart.chartLoadingSupportingText = chartLoadingSupportingText;
|
|
16
|
+
lineChart.className = getGidsLineChartClassNames({ breakpoint }, extraClasses);
|
|
17
|
+
return lineChart;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=GidsLineChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsLineChart.js","sourceRoot":"","sources":["../../../src/components/GidsLineChart/GidsLineChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAQ7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,UAAU,GAAG,SAAS,EACtB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,KAAK,EACpB,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,0BAA0B,EAC1B,YAAY,GACW,EAAe,EAAE;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CACvC,iBAAiB,CACO,CAAC;IAE1B,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;IACtC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;IACtC,SAAS,CAAC,eAAe,GAAG,eAAe,CAAC;IAC5C,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IAChD,SAAS,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;IAElE,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAC/C,EAAE,UAAU,EAAE,EACd,YAAY,CACZ,CAAC;IAEF,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}
|