@otto-de/b2b-core-components 1.23.0 → 1.23.2
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/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/p-0f5b8f0f.entry.js +1 -0
- package/dist/b2b-core-components/p-2ca7c595.entry.js +1 -0
- package/dist/b2b-core-components/p-462d5ad3.entry.js +1 -0
- package/dist/cjs/b2b-grid-col.cjs.entry.js +7 -6
- package/dist/cjs/b2b-grid-row.cjs.entry.js +33 -2
- package/dist/cjs/b2b-grid.cjs.entry.js +1 -1
- package/dist/collection/components/alert/alert.css +2 -2
- package/dist/collection/components/anchor/anchor.css +2 -2
- package/dist/collection/components/background-box/background-box.css +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/card/card.css +2 -2
- package/dist/collection/components/checkbox/checkbox.css +2 -2
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/date-picker/date-picker-days-header.css +2 -2
- package/dist/collection/components/date-picker/date-picker-days.css +2 -2
- package/dist/collection/components/date-picker/date-picker-header.css +2 -2
- package/dist/collection/components/date-picker/date-picker-months.css +2 -2
- package/dist/collection/components/date-picker/date-picker-years.css +2 -2
- package/dist/collection/components/date-picker/date-picker.css +2 -2
- package/dist/collection/components/dropdown/dropdown.css +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu-option.css +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
- package/dist/collection/components/grid/column.js +7 -6
- package/dist/collection/components/grid/grid.css +14 -0
- package/dist/collection/components/grid/row.js +33 -2
- package/dist/collection/components/headline/headline.css +2 -2
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon-100/icon-100.css +2 -2
- package/dist/collection/components/icon-50/icon-50.css +2 -2
- package/dist/collection/components/input/input.css +2 -2
- package/dist/collection/components/input-group/input-group.css +2 -2
- package/dist/collection/components/input-list/input-list.css +2 -2
- package/dist/collection/components/label/label.css +2 -2
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/paragraph/paragraph.css +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +2 -2
- package/dist/collection/components/radio/radio.css +2 -2
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/required-separator/required-separator.css +2 -2
- package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
- package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
- package/dist/collection/components/separator/separator.css +2 -2
- package/dist/collection/components/snackbar/snackbar.css +2 -2
- package/dist/collection/components/spinner/spinner.css +2 -2
- package/dist/collection/components/tab/tab.css +2 -2
- package/dist/collection/components/tab-panel/tab-panel.css +2 -2
- package/dist/collection/components/table/table-cell/table-cell.css +2 -2
- package/dist/collection/components/table/table-header/table-header.css +2 -2
- package/dist/collection/components/table/table-row/table-row.css +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
- package/dist/collection/components/table/table.css +2 -2
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
- package/dist/collection/components/toggle-group/toggle-group.css +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- package/dist/collection/components/wizard/wizard.css +2 -2
- package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
- package/dist/components/b2b-grid-col.js +7 -6
- package/dist/components/b2b-grid-row.js +33 -2
- package/dist/components/b2b-grid.js +1 -1
- package/dist/esm/b2b-grid-col.entry.js +7 -6
- package/dist/esm/b2b-grid-row.entry.js +33 -2
- package/dist/esm/b2b-grid.entry.js +1 -1
- package/dist/types/components/grid/row.d.ts +2 -0
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/b2b-core-components/p-02ceefdf.entry.js +0 -1
- package/dist/b2b-core-components/p-545b6ba2.entry.js +0 -1
- package/dist/b2b-core-components/p-744e8fc3.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a(JSON.parse('[["p-37cdfc83",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-191b7d0b",[[1,"b2b-date-picker",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[1,"disable-dates"],"label":[1],"preSelectedDate":[1,"pre-selected-date"],"showHint":[4,"show-hint"],"width":[2],"disableDays":[1,"disable-days"],"disableDatesUntil":[1,"disable-dates-until"],"disableDatesFrom":[1,"disable-dates-from"],"hint":[1],"placeholder":[513],"language":[1],"showDatePicker":[32],"focused":[32],"datePickerView":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32],"userInputDate":[32],"invalid":[32],"errorMessage":[32],"datesToBeDisabled":[32],"normalizedDisableEvery":[32],"normalizedDisableDatesUntil":[32],"normalizedDisableDatesFrom":[32]},[[0,"b2b-date-picker-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-date-picker-previous-month","getPreviousMonth"],[0,"b2b-date-picker-next-month","getNextMonth"],[0,"b2b-date-picker-view-changed","handleDatePickerViewChanged"],[0,"b2b-date-picker-month-selected","handleMonthSelected"],[0,"b2b-date-picker-year-selected","handleYearSelected"]]]]],["p-333969c9",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[1,"selected-values"],"optionsList":[1,"options-list"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["p-25fa6d92",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isAccordionValue":[32],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-ae71a78f",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["p-f6bd827c",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["p-8fa70a00",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["p-b6916793",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["p-95570f8e",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["p-56293400",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["p-9de02b91",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["p-fbd31067",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-96bde9dd",[[1,"b2b-required-separator",{"label":[1]}]]],["p-992dd377",[[1,"b2b-snackbar",{"description":[1],"type":[1],"opened":[1028],"timed":[4],"duration":[2],"hasAction":[4,"has-action"],"actionLabel":[1,"action-label"]},null,{"opened":["onVisibleChange"]}]]],["p-921e7a37",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-c1135326",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["p-925553cd",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1],"hoverColor":[1,"hover-color"],"underlineText":[4,"underline-text"]}]]],["p-fdfdc92d",[[1,"b2b-background-box",{"fixedWidth":[4,"fixed-width"],"noPadding":[4,"no-padding"],"borderTop":[1,"border-top"],"borderRight":[1,"border-right"],"borderBottom":[1,"border-bottom"],"borderLeft":[1,"border-left"]}]]],["p-1ac1ed23",[[1,"b2b-breadcrumb",{"paddingTop":[2,"padding-top"],"paddingBottom":[2,"padding-bottom"]},[[0,"b2b-change","onSelectedChange"]]]]],["p-bf8db809",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["p-28674643",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-30dce961",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-01aea1a4",[[1,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["p-545b6ba2",[[1,"b2b-grid",{"margin":[2]}]]],["p-02ceefdf",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["p-744e8fc3",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["p-48d75dc1",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-d56a8c1a",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-e4359302",[[1,"b2b-label",{"type":[1]}]]],["p-74c0757b",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1],"margin":[4],"variant":[1],"display":[1]}]]],["p-cc0ad9b7",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["p-438ab795",[[1,"b2b-scrollable-container"]]],["p-47081742",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["p-9c055a4e",[[1,"b2b-tab-panel"]]],["p-2a80fb82",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-3caed6e8",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[516],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-96968c24",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["p-9a6c243e",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"active":[1028],"disabled":[516]}]]],["p-8967cc6c",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["p-1cbf75dd",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["p-44d5a9d3",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["p-ec4f82b1",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["p-4cfb4131",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["p-95d3519f",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-a0ab40f0",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["p-928e7db4",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["p-247b295d",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["p-572f9f64",[[1,"b2b-separator",{"alignment":[1]}]]],["p-b7afa702",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["p-d895f199",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["p-371efcb7",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["p-339dd3ba",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"inputTextAlign":[1,"input-text-align"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["p-c3d76d28",[[1,"b2b-date-picker-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"language":[1]}],[1,"b2b-date-picker-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[16],"disableEvery":[16],"disableDatesUntil":[16],"disableDatesFrom":[16],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-days-header",{"language":[1]}],[1,"b2b-date-picker-months",{"selectedMonth":[2,"selected-month"],"language":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-years",{"selectedYear":[2,"selected-year"],"yearsRange":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-a033a6b5",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["p-cab7c805",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]]'),e))));
|
|
1
|
+
import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a(JSON.parse('[["p-37cdfc83",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-191b7d0b",[[1,"b2b-date-picker",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[1,"disable-dates"],"label":[1],"preSelectedDate":[1,"pre-selected-date"],"showHint":[4,"show-hint"],"width":[2],"disableDays":[1,"disable-days"],"disableDatesUntil":[1,"disable-dates-until"],"disableDatesFrom":[1,"disable-dates-from"],"hint":[1],"placeholder":[513],"language":[1],"showDatePicker":[32],"focused":[32],"datePickerView":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32],"userInputDate":[32],"invalid":[32],"errorMessage":[32],"datesToBeDisabled":[32],"normalizedDisableEvery":[32],"normalizedDisableDatesUntil":[32],"normalizedDisableDatesFrom":[32]},[[0,"b2b-date-picker-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-date-picker-previous-month","getPreviousMonth"],[0,"b2b-date-picker-next-month","getNextMonth"],[0,"b2b-date-picker-view-changed","handleDatePickerViewChanged"],[0,"b2b-date-picker-month-selected","handleMonthSelected"],[0,"b2b-date-picker-year-selected","handleYearSelected"]]]]],["p-333969c9",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[1,"selected-values"],"optionsList":[1,"options-list"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["p-25fa6d92",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isAccordionValue":[32],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-ae71a78f",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["p-f6bd827c",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["p-8fa70a00",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["p-b6916793",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["p-95570f8e",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["p-56293400",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["p-9de02b91",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["p-fbd31067",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-96bde9dd",[[1,"b2b-required-separator",{"label":[1]}]]],["p-992dd377",[[1,"b2b-snackbar",{"description":[1],"type":[1],"opened":[1028],"timed":[4],"duration":[2],"hasAction":[4,"has-action"],"actionLabel":[1,"action-label"]},null,{"opened":["onVisibleChange"]}]]],["p-921e7a37",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-c1135326",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["p-925553cd",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1],"hoverColor":[1,"hover-color"],"underlineText":[4,"underline-text"]}]]],["p-fdfdc92d",[[1,"b2b-background-box",{"fixedWidth":[4,"fixed-width"],"noPadding":[4,"no-padding"],"borderTop":[1,"border-top"],"borderRight":[1,"border-right"],"borderBottom":[1,"border-bottom"],"borderLeft":[1,"border-left"]}]]],["p-1ac1ed23",[[1,"b2b-breadcrumb",{"paddingTop":[2,"padding-top"],"paddingBottom":[2,"padding-bottom"]},[[0,"b2b-change","onSelectedChange"]]]]],["p-bf8db809",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["p-28674643",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-30dce961",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-01aea1a4",[[1,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["p-462d5ad3",[[1,"b2b-grid",{"margin":[2]}]]],["p-0f5b8f0f",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["p-2ca7c595",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["p-48d75dc1",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-d56a8c1a",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-e4359302",[[1,"b2b-label",{"type":[1]}]]],["p-74c0757b",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1],"margin":[4],"variant":[1],"display":[1]}]]],["p-cc0ad9b7",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["p-438ab795",[[1,"b2b-scrollable-container"]]],["p-47081742",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["p-9c055a4e",[[1,"b2b-tab-panel"]]],["p-2a80fb82",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-3caed6e8",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[516],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-96968c24",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["p-9a6c243e",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"active":[1028],"disabled":[516]}]]],["p-8967cc6c",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["p-1cbf75dd",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["p-44d5a9d3",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["p-ec4f82b1",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["p-4cfb4131",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["p-95d3519f",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-a0ab40f0",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["p-928e7db4",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["p-247b295d",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["p-572f9f64",[[1,"b2b-separator",{"alignment":[1]}]]],["p-b7afa702",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["p-d895f199",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["p-371efcb7",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["p-339dd3ba",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"inputTextAlign":[1,"input-text-align"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["p-c3d76d28",[[1,"b2b-date-picker-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"language":[1]}],[1,"b2b-date-picker-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[16],"disableEvery":[16],"disableDatesUntil":[16],"disableDatesFrom":[16],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-days-header",{"language":[1]}],[1,"b2b-date-picker-months",{"selectedMonth":[2,"selected-month"],"language":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-years",{"selectedYear":[2,"selected-year"],"yearsRange":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-a033a6b5",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["p-cab7c805",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]]'),e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as s,g as a}from"./p-b6a753e8.js";const r=class{constructor(e){t(this,e),this.calculateGrowDimension=t=>{if(void 0!==t)return{flex:""+t/12*100}},this.span=void 0,this.textAlign="left"}render(){return e(s,{key:"84919b56153393d378a29ce84d4048af80a95fea",style:Object.assign(Object.assign({},this.calculateGrowDimension(this.span)),{"text-align":`${this.textAlign}`})},e("slot",{key:"1fef59961b312a1efdd94488865aa0a436170489"}))}get hostElement(){return a(this)}};export{r as b2b_grid_col}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as e,g as a}from"./p-b6a753e8.js";const i=class{constructor(s){t(this,s),this.columnGap=24,this.rowGap=24,this.alignItems="stretch",this.justify="start"}componentDidLoad(){this.adjustColumnFlex()}adjustColumnFlex(){const t=this.hostElement.querySelectorAll(":scope > b2b-grid-col");let s=0,e=[];t.forEach((t=>{const a=t.getAttribute("span");a?s+=parseInt(a,10):e.push(t)}));const a=12-s;if(12==a&&e.length>0&&e.forEach((t=>{t.setAttribute("span","1")})),e.length>0){const t=a/12*100/e.length;e.forEach((s=>{s.style.flex=`${t}%`}))}}render(){return s(e,{key:"469913a61a9e77d16ef17fd2e7947ab303b50081",style:{"justify-content":`${this.justify}`,gap:`${this.columnGap}px`,margin:`${this.rowGap}px 0`,"align-items":`${this.alignItems}`,display:"flex","flex-wrap":"wrap","box-sizing":"border-box"}},s("slot",{key:"d3e960866ad5a611b690827bb03ca25caf118bde"}))}get hostElement(){return a(this)}};export{i as b2b_grid_row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e,H as s,g as b}from"./p-b6a753e8.js";const t=class{constructor(e){r(this,e),this.margin=24}render(){return e(s,{key:"d969835eaef0a092de761496f817e3aeb9fe9da3",style:{padding:`${this.margin}px`},class:"b2b-grid"},e("slot",{key:"457acba45d11bb8ed33008c1158f89d33f5222f6"}))}get hostElement(){return b(this)}};t.style=":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}:host(.b2b-grid-row){display:flex;flex-wrap:wrap}:host(.b2b-grid-col){display:flex;flex-direction:column}.b2b-grid-col>.b2b-grid-row{flex:1}";export{t as b2b_grid}
|
|
@@ -8,17 +8,18 @@ const B2bGridColumnComponent = class {
|
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
this.calculateGrowDimension = (span) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
if (span !== undefined) {
|
|
12
|
+
const flex = (span / 12) * 100;
|
|
13
|
+
return {
|
|
14
|
+
['flex']: `${flex}`,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
16
17
|
};
|
|
17
18
|
this.span = undefined;
|
|
18
19
|
this.textAlign = 'left';
|
|
19
20
|
}
|
|
20
21
|
render() {
|
|
21
|
-
return (index.h(index.Host, { key: '
|
|
22
|
+
return (index.h(index.Host, { key: '84919b56153393d378a29ce84d4048af80a95fea', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, index.h("slot", { key: '1fef59961b312a1efdd94488865aa0a436170489' })));
|
|
22
23
|
}
|
|
23
24
|
get hostElement() { return index.getElement(this); }
|
|
24
25
|
};
|
|
@@ -12,8 +12,39 @@ const B2bGridRowComponent = class {
|
|
|
12
12
|
this.alignItems = 'stretch';
|
|
13
13
|
this.justify = 'start';
|
|
14
14
|
}
|
|
15
|
+
componentDidLoad() {
|
|
16
|
+
this.adjustColumnFlex();
|
|
17
|
+
}
|
|
18
|
+
adjustColumnFlex() {
|
|
19
|
+
const columns = this.hostElement.querySelectorAll(':scope > b2b-grid-col');
|
|
20
|
+
let totalSpan = 0;
|
|
21
|
+
let columnsWithoutSpan = [];
|
|
22
|
+
columns.forEach((column) => {
|
|
23
|
+
const span = column.getAttribute('span');
|
|
24
|
+
if (span) {
|
|
25
|
+
totalSpan += parseInt(span, 10);
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
columnsWithoutSpan.push(column);
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const remainingSpan = 12 - totalSpan;
|
|
32
|
+
if (remainingSpan == 12) {
|
|
33
|
+
if (columnsWithoutSpan.length > 0) {
|
|
34
|
+
columnsWithoutSpan.forEach(column => {
|
|
35
|
+
column.setAttribute('span', '1');
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
if (columnsWithoutSpan.length > 0) {
|
|
40
|
+
const flexPerColumn = ((remainingSpan / 12) * 100) / columnsWithoutSpan.length;
|
|
41
|
+
columnsWithoutSpan.forEach(column => {
|
|
42
|
+
column.style.flex = `${flexPerColumn}%`;
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}
|
|
15
46
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
47
|
+
return (index.h(index.Host, { key: '469913a61a9e77d16ef17fd2e7947ab303b50081', style: {
|
|
17
48
|
['justify-content']: `${this.justify}`,
|
|
18
49
|
['gap']: `${this.columnGap}px`,
|
|
19
50
|
['margin']: `${this.rowGap}px 0`,
|
|
@@ -21,7 +52,7 @@ const B2bGridRowComponent = class {
|
|
|
21
52
|
['display']: 'flex',
|
|
22
53
|
['flex-wrap']: 'wrap',
|
|
23
54
|
['box-sizing']: 'border-box',
|
|
24
|
-
} }, index.h("slot", { key: '
|
|
55
|
+
} }, index.h("slot", { key: 'd3e960866ad5a611b690827bb03ca25caf118bde' })));
|
|
25
56
|
}
|
|
26
57
|
get hostElement() { return index.getElement(this); }
|
|
27
58
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-668808fd.js');
|
|
6
6
|
|
|
7
|
-
const gridCss = ":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}";
|
|
7
|
+
const gridCss = ":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}:host(.b2b-grid-row){display:flex;flex-wrap:wrap}:host(.b2b-grid-col){display:flex;flex-direction:column}.b2b-grid-col>.b2b-grid-row{flex:1}";
|
|
8
8
|
const B2bGridStyle0 = gridCss;
|
|
9
9
|
|
|
10
10
|
const B2bGridComponent = class {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
}
|
|
125
125
|
/**
|
|
126
126
|
* Do not edit directly
|
|
127
|
-
* Generated on
|
|
127
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
128
128
|
*/
|
|
129
129
|
:root [data-theme="dark"] {
|
|
130
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -2,17 +2,18 @@ import { h, Host } from "@stencil/core";
|
|
|
2
2
|
export class B2bGridColumnComponent {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.calculateGrowDimension = (span) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
if (span !== undefined) {
|
|
6
|
+
const flex = (span / 12) * 100;
|
|
7
|
+
return {
|
|
8
|
+
['flex']: `${flex}`,
|
|
9
|
+
};
|
|
10
|
+
}
|
|
10
11
|
};
|
|
11
12
|
this.span = undefined;
|
|
12
13
|
this.textAlign = 'left';
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '84919b56153393d378a29ce84d4048af80a95fea', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: '1fef59961b312a1efdd94488865aa0a436170489' })));
|
|
16
17
|
}
|
|
17
18
|
static get is() { return "b2b-grid-col"; }
|
|
18
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,4 +2,18 @@
|
|
|
2
2
|
width: 100%;
|
|
3
3
|
margin: 0 auto;
|
|
4
4
|
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
:host(.b2b-grid-row) {
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:host(.b2b-grid-col) {
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.b2b-grid-col > .b2b-grid-row {
|
|
18
|
+
flex: 1;
|
|
5
19
|
}
|
|
@@ -6,8 +6,39 @@ export class B2bGridRowComponent {
|
|
|
6
6
|
this.alignItems = 'stretch';
|
|
7
7
|
this.justify = 'start';
|
|
8
8
|
}
|
|
9
|
+
componentDidLoad() {
|
|
10
|
+
this.adjustColumnFlex();
|
|
11
|
+
}
|
|
12
|
+
adjustColumnFlex() {
|
|
13
|
+
const columns = this.hostElement.querySelectorAll(':scope > b2b-grid-col');
|
|
14
|
+
let totalSpan = 0;
|
|
15
|
+
let columnsWithoutSpan = [];
|
|
16
|
+
columns.forEach((column) => {
|
|
17
|
+
const span = column.getAttribute('span');
|
|
18
|
+
if (span) {
|
|
19
|
+
totalSpan += parseInt(span, 10);
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
columnsWithoutSpan.push(column);
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
const remainingSpan = 12 - totalSpan;
|
|
26
|
+
if (remainingSpan == 12) {
|
|
27
|
+
if (columnsWithoutSpan.length > 0) {
|
|
28
|
+
columnsWithoutSpan.forEach(column => {
|
|
29
|
+
column.setAttribute('span', '1');
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
if (columnsWithoutSpan.length > 0) {
|
|
34
|
+
const flexPerColumn = ((remainingSpan / 12) * 100) / columnsWithoutSpan.length;
|
|
35
|
+
columnsWithoutSpan.forEach(column => {
|
|
36
|
+
column.style.flex = `${flexPerColumn}%`;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
9
40
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '469913a61a9e77d16ef17fd2e7947ab303b50081', style: {
|
|
11
42
|
['justify-content']: `${this.justify}`,
|
|
12
43
|
['gap']: `${this.columnGap}px`,
|
|
13
44
|
['margin']: `${this.rowGap}px 0`,
|
|
@@ -15,7 +46,7 @@ export class B2bGridRowComponent {
|
|
|
15
46
|
['display']: 'flex',
|
|
16
47
|
['flex-wrap']: 'wrap',
|
|
17
48
|
['box-sizing']: 'border-box',
|
|
18
|
-
} }, h("slot", { key: '
|
|
49
|
+
} }, h("slot", { key: 'd3e960866ad5a611b690827bb03ca25caf118bde' })));
|
|
19
50
|
}
|
|
20
51
|
static get is() { return "b2b-grid-row"; }
|
|
21
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Fri, 21 Feb 2025 09:57:21 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|