@peektravel/app-utilities 0.7.0 → 0.7.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/README.md +20 -8
- package/dist/index.cjs +64 -24
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +181 -43
- package/dist/index.d.ts +181 -43
- package/dist/index.js +64 -25
- package/dist/index.js.map +1 -1
- package/dist/ui/index.cjs +26 -0
- package/dist/ui/index.cjs.map +1 -1
- package/dist/ui/index.d.cts +77 -3
- package/dist/ui/index.d.ts +77 -3
- package/dist/ui/index.js +25 -1
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/odyssey.css +24 -2
- package/dist/ui/tokens.css +10 -1
- package/docs/ui.md +63 -14
- package/docs/webhooks.md +118 -31
- package/llms.txt +38 -16
- package/package.json +1 -1
package/dist/ui/index.d.cts
CHANGED
|
@@ -207,10 +207,40 @@ declare class OdyCard extends OdyElement {
|
|
|
207
207
|
protected render(): void;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
/** `<ody-divider
|
|
210
|
+
/** Vertical rhythm for `<ody-horizontal-divider>`. */
|
|
211
|
+
type OdyDividerSpacing = 'tight' | 'none';
|
|
212
|
+
/**
|
|
213
|
+
* `<ody-divider>` — a 1px horizontal rule that fills its container width.
|
|
214
|
+
*
|
|
215
|
+
* @deprecated Use `<ody-horizontal-divider>` instead. This element renders with
|
|
216
|
+
* **zero** vertical margin, so every consumer has to add spacing around it.
|
|
217
|
+
* `<ody-horizontal-divider>` carries a sensible default `margin-block` (with
|
|
218
|
+
* `spacing="tight"` / `spacing="none"` opt-outs). Kept for backwards
|
|
219
|
+
* compatibility; it will not change its spacing-neutral behaviour.
|
|
220
|
+
*/
|
|
211
221
|
declare class OdyDivider extends OdyElement {
|
|
212
222
|
protected render(): void;
|
|
213
223
|
}
|
|
224
|
+
/**
|
|
225
|
+
* `<ody-horizontal-divider>` — a 1px horizontal rule that fills its container
|
|
226
|
+
* width **and carries its own vertical rhythm**. A separator whose only job is
|
|
227
|
+
* to separate should not render with zero separation, so this defaults to
|
|
228
|
+
* `margin-block: var(--gap16)`.
|
|
229
|
+
*
|
|
230
|
+
* Attributes:
|
|
231
|
+
* - `spacing` — `tight` (`--gap8`) | `none` (`0`); default is the normal
|
|
232
|
+
* `--gap16` rhythm.
|
|
233
|
+
*
|
|
234
|
+
* Example:
|
|
235
|
+
* ```html
|
|
236
|
+
* <ody-horizontal-divider></ody-horizontal-divider>
|
|
237
|
+
* <ody-horizontal-divider spacing="tight"></ody-horizontal-divider>
|
|
238
|
+
* ```
|
|
239
|
+
*/
|
|
240
|
+
declare class OdyHorizontalDivider extends OdyElement {
|
|
241
|
+
static observedAttributes: string[];
|
|
242
|
+
protected render(): void;
|
|
243
|
+
}
|
|
214
244
|
|
|
215
245
|
type OdyStatusDotColor = 'green' | 'blue' | 'orange';
|
|
216
246
|
/**
|
|
@@ -584,7 +614,14 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
|
|
|
584
614
|
}
|
|
585
615
|
|
|
586
616
|
/**
|
|
587
|
-
* `<ody-page-container>` —
|
|
617
|
+
* `<ody-page-container>` —
|
|
618
|
+
* @deprecated Use `<ody-app-page-container>` instead. This element is
|
|
619
|
+
* **full-bleed** — it ships no side gutters, so every settings UI has to add
|
|
620
|
+
* its own edge padding. `<ody-app-page-container>` bakes in responsive gutters
|
|
621
|
+
* (with a `flush` opt-out) while keeping the same widths and container context.
|
|
622
|
+
* Kept for backwards compatibility; it will not change its full-bleed behaviour.
|
|
623
|
+
*
|
|
624
|
+
* The standard responsive page wrapper. **Every app
|
|
588
625
|
* settings UI must wrap its content in this element** so the page matches the
|
|
589
626
|
* two canonical iframe widths the settings host renders at: **868px** (narrow)
|
|
590
627
|
* and **1310px** (wide).
|
|
@@ -624,6 +661,43 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
|
|
|
624
661
|
declare class OdyPageContainer extends OdyElement {
|
|
625
662
|
protected render(): void;
|
|
626
663
|
}
|
|
664
|
+
/**
|
|
665
|
+
* `<ody-app-page-container>` — the standard responsive page wrapper for an app
|
|
666
|
+
* settings UI, and the padded successor to `<ody-page-container>`. It does
|
|
667
|
+
* everything that element does — fills the parent iframe (`width: 100%`), caps
|
|
668
|
+
* and centres at 1310px, and establishes the `ody-page` CSS **container
|
|
669
|
+
* context** so content can adapt between the two canonical widths (**868px**
|
|
670
|
+
* narrow, **1310px** wide) with container queries — but it also ships a
|
|
671
|
+
* **default responsive gutter** so consumers stop re-solving edge padding in a
|
|
672
|
+
* wrapper `<div>` on every screen: `var(--gap24)` at the wide width, tightening
|
|
673
|
+
* to `var(--gap16)` at/below 868px.
|
|
674
|
+
*
|
|
675
|
+
* **Design for 868px first — it is the default.** Optimise every settings
|
|
676
|
+
* layout for the narrow 868px width, then ensure it *also* renders correctly at
|
|
677
|
+
* 1310px; never design 1310px-first and let it degrade.
|
|
678
|
+
*
|
|
679
|
+
* ```css
|
|
680
|
+
* .my-settings-grid { grid-template-columns: 1fr; } // default 868px
|
|
681
|
+
* @container ody-page (min-width: 1310px) { // expanded view
|
|
682
|
+
* .my-settings-grid { grid-template-columns: 1fr 1fr; }
|
|
683
|
+
* }
|
|
684
|
+
* ```
|
|
685
|
+
*
|
|
686
|
+
* Attributes:
|
|
687
|
+
* - `flush` — remove the default gutter and render edge-to-edge, for the rare
|
|
688
|
+
* layout that truly wants full-bleed content.
|
|
689
|
+
*
|
|
690
|
+
* Example:
|
|
691
|
+
* ```html
|
|
692
|
+
* <ody-app-page-container>
|
|
693
|
+
* …settings UI…
|
|
694
|
+
* </ody-app-page-container>
|
|
695
|
+
* ```
|
|
696
|
+
*/
|
|
697
|
+
declare class OdyAppPageContainer extends OdyElement {
|
|
698
|
+
static observedAttributes: string[];
|
|
699
|
+
protected render(): void;
|
|
700
|
+
}
|
|
627
701
|
|
|
628
702
|
/**
|
|
629
703
|
* `<ody-collapsible-section>` — a titled section that expands/collapses on
|
|
@@ -1635,4 +1709,4 @@ declare function removePortal(node: Node): void;
|
|
|
1635
1709
|
*/
|
|
1636
1710
|
declare function position(anchor: Element, floating: Element, placement?: OdyPlacement, gap?: number): OdyPosition;
|
|
1637
1711
|
|
|
1638
|
-
export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
|
|
1712
|
+
export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyAppPageContainer, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, type OdyDividerSpacing, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyHorizontalDivider, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -207,10 +207,40 @@ declare class OdyCard extends OdyElement {
|
|
|
207
207
|
protected render(): void;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
/** `<ody-divider
|
|
210
|
+
/** Vertical rhythm for `<ody-horizontal-divider>`. */
|
|
211
|
+
type OdyDividerSpacing = 'tight' | 'none';
|
|
212
|
+
/**
|
|
213
|
+
* `<ody-divider>` — a 1px horizontal rule that fills its container width.
|
|
214
|
+
*
|
|
215
|
+
* @deprecated Use `<ody-horizontal-divider>` instead. This element renders with
|
|
216
|
+
* **zero** vertical margin, so every consumer has to add spacing around it.
|
|
217
|
+
* `<ody-horizontal-divider>` carries a sensible default `margin-block` (with
|
|
218
|
+
* `spacing="tight"` / `spacing="none"` opt-outs). Kept for backwards
|
|
219
|
+
* compatibility; it will not change its spacing-neutral behaviour.
|
|
220
|
+
*/
|
|
211
221
|
declare class OdyDivider extends OdyElement {
|
|
212
222
|
protected render(): void;
|
|
213
223
|
}
|
|
224
|
+
/**
|
|
225
|
+
* `<ody-horizontal-divider>` — a 1px horizontal rule that fills its container
|
|
226
|
+
* width **and carries its own vertical rhythm**. A separator whose only job is
|
|
227
|
+
* to separate should not render with zero separation, so this defaults to
|
|
228
|
+
* `margin-block: var(--gap16)`.
|
|
229
|
+
*
|
|
230
|
+
* Attributes:
|
|
231
|
+
* - `spacing` — `tight` (`--gap8`) | `none` (`0`); default is the normal
|
|
232
|
+
* `--gap16` rhythm.
|
|
233
|
+
*
|
|
234
|
+
* Example:
|
|
235
|
+
* ```html
|
|
236
|
+
* <ody-horizontal-divider></ody-horizontal-divider>
|
|
237
|
+
* <ody-horizontal-divider spacing="tight"></ody-horizontal-divider>
|
|
238
|
+
* ```
|
|
239
|
+
*/
|
|
240
|
+
declare class OdyHorizontalDivider extends OdyElement {
|
|
241
|
+
static observedAttributes: string[];
|
|
242
|
+
protected render(): void;
|
|
243
|
+
}
|
|
214
244
|
|
|
215
245
|
type OdyStatusDotColor = 'green' | 'blue' | 'orange';
|
|
216
246
|
/**
|
|
@@ -584,7 +614,14 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
|
|
|
584
614
|
}
|
|
585
615
|
|
|
586
616
|
/**
|
|
587
|
-
* `<ody-page-container>` —
|
|
617
|
+
* `<ody-page-container>` —
|
|
618
|
+
* @deprecated Use `<ody-app-page-container>` instead. This element is
|
|
619
|
+
* **full-bleed** — it ships no side gutters, so every settings UI has to add
|
|
620
|
+
* its own edge padding. `<ody-app-page-container>` bakes in responsive gutters
|
|
621
|
+
* (with a `flush` opt-out) while keeping the same widths and container context.
|
|
622
|
+
* Kept for backwards compatibility; it will not change its full-bleed behaviour.
|
|
623
|
+
*
|
|
624
|
+
* The standard responsive page wrapper. **Every app
|
|
588
625
|
* settings UI must wrap its content in this element** so the page matches the
|
|
589
626
|
* two canonical iframe widths the settings host renders at: **868px** (narrow)
|
|
590
627
|
* and **1310px** (wide).
|
|
@@ -624,6 +661,43 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
|
|
|
624
661
|
declare class OdyPageContainer extends OdyElement {
|
|
625
662
|
protected render(): void;
|
|
626
663
|
}
|
|
664
|
+
/**
|
|
665
|
+
* `<ody-app-page-container>` — the standard responsive page wrapper for an app
|
|
666
|
+
* settings UI, and the padded successor to `<ody-page-container>`. It does
|
|
667
|
+
* everything that element does — fills the parent iframe (`width: 100%`), caps
|
|
668
|
+
* and centres at 1310px, and establishes the `ody-page` CSS **container
|
|
669
|
+
* context** so content can adapt between the two canonical widths (**868px**
|
|
670
|
+
* narrow, **1310px** wide) with container queries — but it also ships a
|
|
671
|
+
* **default responsive gutter** so consumers stop re-solving edge padding in a
|
|
672
|
+
* wrapper `<div>` on every screen: `var(--gap24)` at the wide width, tightening
|
|
673
|
+
* to `var(--gap16)` at/below 868px.
|
|
674
|
+
*
|
|
675
|
+
* **Design for 868px first — it is the default.** Optimise every settings
|
|
676
|
+
* layout for the narrow 868px width, then ensure it *also* renders correctly at
|
|
677
|
+
* 1310px; never design 1310px-first and let it degrade.
|
|
678
|
+
*
|
|
679
|
+
* ```css
|
|
680
|
+
* .my-settings-grid { grid-template-columns: 1fr; } // default 868px
|
|
681
|
+
* @container ody-page (min-width: 1310px) { // expanded view
|
|
682
|
+
* .my-settings-grid { grid-template-columns: 1fr 1fr; }
|
|
683
|
+
* }
|
|
684
|
+
* ```
|
|
685
|
+
*
|
|
686
|
+
* Attributes:
|
|
687
|
+
* - `flush` — remove the default gutter and render edge-to-edge, for the rare
|
|
688
|
+
* layout that truly wants full-bleed content.
|
|
689
|
+
*
|
|
690
|
+
* Example:
|
|
691
|
+
* ```html
|
|
692
|
+
* <ody-app-page-container>
|
|
693
|
+
* …settings UI…
|
|
694
|
+
* </ody-app-page-container>
|
|
695
|
+
* ```
|
|
696
|
+
*/
|
|
697
|
+
declare class OdyAppPageContainer extends OdyElement {
|
|
698
|
+
static observedAttributes: string[];
|
|
699
|
+
protected render(): void;
|
|
700
|
+
}
|
|
627
701
|
|
|
628
702
|
/**
|
|
629
703
|
* `<ody-collapsible-section>` — a titled section that expands/collapses on
|
|
@@ -1635,4 +1709,4 @@ declare function removePortal(node: Node): void;
|
|
|
1635
1709
|
*/
|
|
1636
1710
|
declare function position(anchor: Element, floating: Element, placement?: OdyPlacement, gap?: number): OdyPosition;
|
|
1637
1711
|
|
|
1638
|
-
export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
|
|
1712
|
+
export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyAppPageContainer, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, type OdyDividerSpacing, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyHorizontalDivider, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
|
package/dist/ui/index.js
CHANGED
|
@@ -967,7 +967,20 @@ var OdyDivider = class extends OdyElement {
|
|
|
967
967
|
this.mount('<span class="ody-divider"></span>');
|
|
968
968
|
}
|
|
969
969
|
};
|
|
970
|
+
var OdyHorizontalDivider = class extends OdyElement {
|
|
971
|
+
static observedAttributes = ["spacing"];
|
|
972
|
+
render() {
|
|
973
|
+
const spacing = this.attr("spacing");
|
|
974
|
+
const cls = classes(
|
|
975
|
+
"ody-horizontal-divider",
|
|
976
|
+
spacing === "tight" && "ody-horizontal-divider--tight",
|
|
977
|
+
spacing === "none" && "ody-horizontal-divider--none"
|
|
978
|
+
);
|
|
979
|
+
this.mount(`<span class="${cls}"></span>`);
|
|
980
|
+
}
|
|
981
|
+
};
|
|
970
982
|
define("ody-divider", OdyDivider);
|
|
983
|
+
define("ody-horizontal-divider", OdyHorizontalDivider);
|
|
971
984
|
|
|
972
985
|
// src/ui/components/status-dot.ts
|
|
973
986
|
var OdyStatusDot = class extends OdyElement {
|
|
@@ -1426,7 +1439,18 @@ var OdyPageContainer = class extends OdyElement {
|
|
|
1426
1439
|
this.mount(`<div class="ody-page-container" data-ody-slot></div>`);
|
|
1427
1440
|
}
|
|
1428
1441
|
};
|
|
1442
|
+
var OdyAppPageContainer = class extends OdyElement {
|
|
1443
|
+
static observedAttributes = ["flush"];
|
|
1444
|
+
render() {
|
|
1445
|
+
const cls = classes(
|
|
1446
|
+
"ody-app-page-container",
|
|
1447
|
+
this.flag("flush") && "ody-app-page-container--flush"
|
|
1448
|
+
);
|
|
1449
|
+
this.mount(`<div class="${cls}" data-ody-slot></div>`);
|
|
1450
|
+
}
|
|
1451
|
+
};
|
|
1429
1452
|
define("ody-page-container", OdyPageContainer);
|
|
1453
|
+
define("ody-app-page-container", OdyAppPageContainer);
|
|
1430
1454
|
|
|
1431
1455
|
// src/ui/components/collapsible-section.ts
|
|
1432
1456
|
var OdyCollapsibleSection = class extends OdyElement {
|
|
@@ -4354,6 +4378,6 @@ var OdyBrandIcon = class extends OdyElement {
|
|
|
4354
4378
|
};
|
|
4355
4379
|
define("ody-brand-icon", OdyBrandIcon);
|
|
4356
4380
|
|
|
4357
|
-
export { OdyAccordion, OdyAlert, OdyBrandIcon, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, OdyCard, OdyCheckInStatus, OdyCheckbox, OdyCheckboxGroup, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, OdyDatePicker, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, OdyIcon, OdyInlineInput, OdyInlineList, OdyInlineListItem, OdyInput, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, OdyMoneyInput, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, OdyPopover, OdyProductIndicator, OdyRadioButtonGroup, OdySearchInput, OdySectionColumnItem, OdySectionColumns, OdySectionRowItem, OdySectionRows, OdySelectBase, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, OdyStatusDot, OdyTable, OdyTableHeader, OdyTabs, OdyTag, OdyToastHost, OdyToggleButton, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions3 as parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
|
|
4381
|
+
export { OdyAccordion, OdyAlert, OdyAppPageContainer, OdyBrandIcon, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, OdyCard, OdyCheckInStatus, OdyCheckbox, OdyCheckboxGroup, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, OdyDatePicker, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, OdyHorizontalDivider, OdyIcon, OdyInlineInput, OdyInlineList, OdyInlineListItem, OdyInput, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, OdyMoneyInput, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, OdyPopover, OdyProductIndicator, OdyRadioButtonGroup, OdySearchInput, OdySectionColumnItem, OdySectionColumns, OdySectionRowItem, OdySectionRows, OdySelectBase, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, OdyStatusDot, OdyTable, OdyTableHeader, OdyTabs, OdyTag, OdyToastHost, OdyToggleButton, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions3 as parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
|
|
4358
4382
|
//# sourceMappingURL=index.js.map
|
|
4359
4383
|
//# sourceMappingURL=index.js.map
|