@semantic-components/ui-lab 0.64.0 → 0.65.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.
Files changed (3) hide show
  1. package/fesm2022/semantic-components-ui-lab.mjs +16 -17
  2. package/fesm2022/semantic-components-ui-lab.mjs.map +1 -1
  3. package/package.json +2 -2
package/fesm2022/semantic-components-ui-lab.mjs CHANGED
@@ -36,7 +36,9 @@ class ScStackedLayout {
36
36
  class = computed(() => cn('min-h-screen flex flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
37
37
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScStackedLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
38
38
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScStackedLayout, isStandalone: true, selector: "sc-stacked-layout", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "stacked-layout" }, properties: { "class": "class()" } }, ngImport: i0, template: `
39
- <ng-content select="[scNavbar]" />
39
+ <header data-slot="stacked-layout-header" class="sticky top-0 z-50">
40
+ <ng-content select="[scNavbar]" />
41
+ </header>
40
42
 
41
43
  <main data-slot="stacked-layout-content" class="flex-1">
42
44
  <router-outlet />
@@ -48,7 +50,9 @@ class ScStackedLayout {
48
50
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScStackedLayout, decorators: [{
49
51
  type: Component,
50
52
  args: [{ selector: 'sc-stacked-layout', imports: [RouterOutlet], template: `
51
- <ng-content select="[scNavbar]" />
53
+ <header data-slot="stacked-layout-header" class="sticky top-0 z-50">
54
+ <ng-content select="[scNavbar]" />
55
+ </header>
52
56
 
53
57
  <main data-slot="stacked-layout-content" class="flex-1">
54
58
  <router-outlet />
@@ -21403,7 +21407,7 @@ class ScPaginationLink {
21403
21407
  }
21404
21408
  }
21405
21409
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScPaginationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
21406
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationLink, isStandalone: true, selector: "a[sc-pagination-link], button[sc-pagination-link]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-current": "isActive() ? \"page\" : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() && !disabled() ? \"#\" : null", "attr.role": "isAnchor() && disabled() ? \"link\" : null" } }, ngImport: i0 });
21410
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationLink, isStandalone: true, selector: "a[sc-pagination-link], button[sc-pagination-link]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-current": "isActive() ? \"page\" : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0 });
21407
21411
  }
21408
21412
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScPaginationLink, decorators: [{
21409
21413
  type: Directive,
@@ -21415,8 +21419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
21415
21419
  '[attr.aria-current]': 'isActive() ? "page" : null',
21416
21420
  '[attr.aria-disabled]': 'disabled() || null',
21417
21421
  '[attr.tabindex]': 'disabled() ? -1 : null',
21418
- '[attr.href]': 'isAnchor() && !disabled() ? "#" : null',
21419
- '[attr.role]': 'isAnchor() && disabled() ? "link" : null',
21422
+ '[attr.href]': 'isAnchor() ? "#" : null',
21420
21423
  '(click)': 'onClick($event)',
21421
21424
  },
21422
21425
  }]
@@ -21451,7 +21454,7 @@ class ScPaginationPrevious {
21451
21454
  }
21452
21455
  }
21453
21456
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
21454
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationPrevious, isStandalone: true, selector: "a[sc-pagination-previous], button[sc-pagination-previous]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-previous" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to previous page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() && !disabled() ? \"#\" : null", "attr.role": "isAnchor() && disabled() ? \"link\" : null" } }, ngImport: i0, template: `
21457
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationPrevious, isStandalone: true, selector: "a[sc-pagination-previous], button[sc-pagination-previous]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-previous" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to previous page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0, template: `
21455
21458
  <ng-content />
21456
21459
  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
21457
21460
  }
@@ -21465,8 +21468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
21465
21468
  '[attr.aria-label]': '"Go to previous page"',
21466
21469
  '[attr.aria-disabled]': 'disabled() || null',
21467
21470
  '[attr.tabindex]': 'disabled() ? -1 : null',
21468
- '[attr.href]': 'isAnchor() && !disabled() ? "#" : null',
21469
- '[attr.role]': 'isAnchor() && disabled() ? "link" : null',
21471
+ '[attr.href]': 'isAnchor() ? "#" : null',
21470
21472
  '(click)': 'onClick($event)',
21471
21473
  },
21472
21474
  template: `
@@ -21506,7 +21508,7 @@ class ScPaginationNext {
21506
21508
  }
21507
21509
  }
21508
21510
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
21509
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationNext, isStandalone: true, selector: "a[sc-pagination-next], button[sc-pagination-next]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-next" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to next page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() && !disabled() ? \"#\" : null", "attr.role": "isAnchor() && disabled() ? \"link\" : null" } }, ngImport: i0, template: `
21511
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationNext, isStandalone: true, selector: "a[sc-pagination-next], button[sc-pagination-next]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-next" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to next page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0, template: `
21510
21512
  <ng-content />
21511
21513
  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
21512
21514
  }
@@ -21520,8 +21522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
21520
21522
  '[attr.aria-label]': '"Go to next page"',
21521
21523
  '[attr.aria-disabled]': 'disabled() || null',
21522
21524
  '[attr.tabindex]': 'disabled() ? -1 : null',
21523
- '[attr.href]': 'isAnchor() && !disabled() ? "#" : null',
21524
- '[attr.role]': 'isAnchor() && disabled() ? "link" : null',
21525
+ '[attr.href]': 'isAnchor() ? "#" : null',
21525
21526
  '(click)': 'onClick($event)',
21526
21527
  },
21527
21528
  template: `
@@ -21560,7 +21561,7 @@ class ScPaginationFirst {
21560
21561
  }
21561
21562
  }
21562
21563
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScPaginationFirst, deps: [], target: i0.ɵɵFactoryTarget.Component });
21563
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationFirst, isStandalone: true, selector: "a[sc-pagination-first], button[sc-pagination-first]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-first" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to first page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() && !disabled() ? \"#\" : null", "attr.role": "isAnchor() && disabled() ? \"link\" : null" } }, ngImport: i0, template: `
21564
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationFirst, isStandalone: true, selector: "a[sc-pagination-first], button[sc-pagination-first]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-first" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to first page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0, template: `
21564
21565
  <ng-content />
21565
21566
  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
21566
21567
  }
@@ -21574,8 +21575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
21574
21575
  '[attr.aria-label]': '"Go to first page"',
21575
21576
  '[attr.aria-disabled]': 'disabled() || null',
21576
21577
  '[attr.tabindex]': 'disabled() ? -1 : null',
21577
- '[attr.href]': 'isAnchor() && !disabled() ? "#" : null',
21578
- '[attr.role]': 'isAnchor() && disabled() ? "link" : null',
21578
+ '[attr.href]': 'isAnchor() ? "#" : null',
21579
21579
  '(click)': 'onClick($event)',
21580
21580
  },
21581
21581
  template: `
@@ -21615,7 +21615,7 @@ class ScPaginationLast {
21615
21615
  }
21616
21616
  }
21617
21617
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScPaginationLast, deps: [], target: i0.ɵɵFactoryTarget.Component });
21618
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationLast, isStandalone: true, selector: "a[sc-pagination-last], button[sc-pagination-last]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-last" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to last page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() && !disabled() ? \"#\" : null", "attr.role": "isAnchor() && disabled() ? \"link\" : null" } }, ngImport: i0, template: `
21618
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScPaginationLast, isStandalone: true, selector: "a[sc-pagination-last], button[sc-pagination-last]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-last" }, listeners: { "click": "onClick($event)" }, properties: { "class": "class()", "attr.aria-label": "\"Go to last page\"", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null", "attr.href": "isAnchor() ? \"#\" : null" } }, ngImport: i0, template: `
21619
21619
  <ng-content />
21620
21620
  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
21621
21621
  }
@@ -21629,8 +21629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
21629
21629
  '[attr.aria-label]': '"Go to last page"',
21630
21630
  '[attr.aria-disabled]': 'disabled() || null',
21631
21631
  '[attr.tabindex]': 'disabled() ? -1 : null',
21632
- '[attr.href]': 'isAnchor() && !disabled() ? "#" : null',
21633
- '[attr.role]': 'isAnchor() && disabled() ? "link" : null',
21632
+ '[attr.href]': 'isAnchor() ? "#" : null',
21634
21633
  '(click)': 'onClick($event)',
21635
21634
  },
21636
21635
  template: `