integra-ng 21.1.6 → 21.2.0

package/fesm2022/integra-ng.mjs

@@ -2883,6 +2883,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Divider Component
+ *
+ * A visual separator used to group related content. Supports horizontal and
+ * vertical layouts, optional projected content, and content alignment.
+ *
+ * @example
+ * ```html
+ * <!-- Basic divider -->
+ * <i-divider />
+ *
+ * <!-- Divider with label -->
+ * <i-divider>Details</i-divider>
+ *
+ * <!-- End-aligned label -->
+ * <i-divider align="end">Actions</i-divider>
+ *
+ * <!-- Vertical divider -->
+ * <i-divider layout="vertical" />
+ * ```
+ */
+class IDivider {
+    /**
+     * Divider layout orientation.
+     * @default 'horizontal'
+     */
+    layout = 'horizontal';
+    /**
+     * Alignment for projected divider content.
+     * @default 'center'
+     */
+    align = 'center';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: IDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: IDivider, isStandalone: true, selector: "i-divider", inputs: { layout: "layout", align: "align" }, ngImport: i0, template: "<div\n  class=\"i-divider\"\n  [class.i-divider--horizontal]=\"layout === 'horizontal'\"\n  [class.i-divider--vertical]=\"layout === 'vertical'\"\n  [class.i-divider--align-start]=\"align === 'start'\"\n  [class.i-divider--align-center]=\"align === 'center'\"\n  [class.i-divider--align-end]=\"align === 'end'\"\n  role=\"separator\"\n  [attr.aria-orientation]=\"layout\"\n>\n  @if (layout === 'horizontal') {\n  <span class=\"i-divider-line\"></span>\n  <span class=\"i-divider-content\"><ng-content></ng-content></span>\n  <span class=\"i-divider-line\"></span>\n  } @else {\n  <span class=\"i-divider-line\"></span>\n  }\n</div>\n", styles: [".i-divider{color:var(--color-text-secondary)}.i-divider .i-divider-line{background:var(--surface-border)}:host{display:block}:host:has(.i-divider--vertical){display:inline-flex;align-self:stretch}.i-divider{display:flex;align-items:center}.i-divider--horizontal{width:100%;min-height:1.5rem;margin:1rem 0}.i-divider--horizontal .i-divider-line{height:1px;min-width:1rem}.i-divider--horizontal .i-divider-content{display:inline-flex;align-items:center;flex-shrink:0;padding:0 .75rem;font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap}.i-divider--horizontal .i-divider-content:empty{display:none}.i-divider--horizontal.i-divider--align-start .i-divider-line:first-child{max-width:2rem}.i-divider--horizontal.i-divider--align-center .i-divider-line{flex:1 1 0}.i-divider--horizontal.i-divider--align-end .i-divider-line:last-child{max-width:2rem}.i-divider--vertical{align-self:stretch;justify-content:center;min-height:2rem;margin:0 1rem}.i-divider--vertical .i-divider-line{width:1px;min-height:100%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: IDivider, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-divider', standalone: true, imports: [], template: "<div\n  class=\"i-divider\"\n  [class.i-divider--horizontal]=\"layout === 'horizontal'\"\n  [class.i-divider--vertical]=\"layout === 'vertical'\"\n  [class.i-divider--align-start]=\"align === 'start'\"\n  [class.i-divider--align-center]=\"align === 'center'\"\n  [class.i-divider--align-end]=\"align === 'end'\"\n  role=\"separator\"\n  [attr.aria-orientation]=\"layout\"\n>\n  @if (layout === 'horizontal') {\n  <span class=\"i-divider-line\"></span>\n  <span class=\"i-divider-content\"><ng-content></ng-content></span>\n  <span class=\"i-divider-line\"></span>\n  } @else {\n  <span class=\"i-divider-line\"></span>\n  }\n</div>\n", styles: [".i-divider{color:var(--color-text-secondary)}.i-divider .i-divider-line{background:var(--surface-border)}:host{display:block}:host:has(.i-divider--vertical){display:inline-flex;align-self:stretch}.i-divider{display:flex;align-items:center}.i-divider--horizontal{width:100%;min-height:1.5rem;margin:1rem 0}.i-divider--horizontal .i-divider-line{height:1px;min-width:1rem}.i-divider--horizontal .i-divider-content{display:inline-flex;align-items:center;flex-shrink:0;padding:0 .75rem;font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap}.i-divider--horizontal .i-divider-content:empty{display:none}.i-divider--horizontal.i-divider--align-start .i-divider-line:first-child{max-width:2rem}.i-divider--horizontal.i-divider--align-center .i-divider-line{flex:1 1 0}.i-divider--horizontal.i-divider--align-end .i-divider-line:last-child{max-width:2rem}.i-divider--vertical{align-self:stretch;justify-content:center;min-height:2rem;margin:0 1rem}.i-divider--vertical .i-divider-line{width:1px;min-height:100%}\n"] }]
+        }], propDecorators: { layout: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }] } });
+
 /**
  * Empty State Component
  *
@@ -9856,5 +9900,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractDialog, CLAIMS_CHECKER, ConfirmationDialogComponent, ConfirmationDialogService, DataUpdateEventService, DialogService, EmptyStateComponent, IAccordion, IAccordionList, IButton, ICalendar, ICard, IChart, ICheckbox, IChip, IChipsComponent, IDialog, IDialogActions, IDialogBase, IInputText, IListbox, IMessage, IMultiSelect, IOverlayPanel, IPanel, IPlaceholder, IProgressSpinner, IRadioButton, ISelect, ITabPanel, ITable, ITabs, ITag, ITextarea, IToggle, ITreeView, IWhisper, LayoutComponent, LayoutService, LocalStorageColorSchemeKey, MenuComponent, NoContentComponent, SeoService, SidebarComponent, StructuredDataService, TooltipComponent, TooltipDirective, TopbarComponent, UniqueComponentId, WhisperService, ZIndexUtils, lastId, provideMenuClaimsChecker };
+export { AbstractDialog, CLAIMS_CHECKER, ConfirmationDialogComponent, ConfirmationDialogService, DataUpdateEventService, DialogService, EmptyStateComponent, IAccordion, IAccordionList, IButton, ICalendar, ICard, IChart, ICheckbox, IChip, IChipsComponent, IDialog, IDialogActions, IDialogBase, IDivider, IInputText, IListbox, IMessage, IMultiSelect, IOverlayPanel, IPanel, IPlaceholder, IProgressSpinner, IRadioButton, ISelect, ITabPanel, ITable, ITabs, ITag, ITextarea, IToggle, ITreeView, IWhisper, LayoutComponent, LayoutService, LocalStorageColorSchemeKey, MenuComponent, NoContentComponent, SeoService, SidebarComponent, StructuredDataService, TooltipComponent, TooltipDirective, TopbarComponent, UniqueComponentId, WhisperService, ZIndexUtils, lastId, provideMenuClaimsChecker };
 //# sourceMappingURL=integra-ng.mjs.map