@telcomdev/ui 0.1.29 → 0.1.31
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.
|
@@ -5840,6 +5840,7 @@ class TdLayout {
|
|
|
5840
5840
|
class="td-layout"
|
|
5841
5841
|
[class.td-layout--viewport]="fillViewport"
|
|
5842
5842
|
[class.td-layout--mobile]="mobile()"
|
|
5843
|
+
[class.td-layout--has-header]="hasHeader"
|
|
5843
5844
|
[class.td-layout--sidebar]="hasSidebar"
|
|
5844
5845
|
[class.td-layout--sidebar-overlay]="sidebarAsOverlay()"
|
|
5845
5846
|
[class.td-layout--sidebar-open]="sidebarOpen"
|
|
@@ -5880,7 +5881,7 @@ class TdLayout {
|
|
|
5880
5881
|
}
|
|
5881
5882
|
</div>
|
|
5882
5883
|
</div>
|
|
5883
|
-
`, isInline: true, styles: [":host{display:block;min-width:0}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;min-width:0;min-height:0}.td-layout--viewport{min-height:100dvh}.td-layout__body{position:relative;display:grid;min-width:0;min-height:
|
|
5884
|
+
`, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-overlay-gap: .75rem;--td-layout-mobile-sidebar-width: 18rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0}.td-layout--viewport{min-height:100dvh;height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{inset:0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:var(--td-layout-mobile-overlay-gap) auto var(--td-layout-mobile-overlay-gap) var(--td-layout-mobile-overlay-gap);width:min(var(--td-layout-mobile-sidebar-width),100% - var(--td-layout-mobile-overlay-gap) * 2);max-width:calc(100% - var(--td-layout-mobile-overlay-gap) * 2);grid-column:auto;grid-row:auto;overflow:hidden;border-radius:1rem;box-shadow:0 18px 40px #0f172a38;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-offset) + .35rem)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5884
5885
|
}
|
|
5885
5886
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdLayout, decorators: [{
|
|
5886
5887
|
type: Component,
|
|
@@ -5889,6 +5890,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
5889
5890
|
class="td-layout"
|
|
5890
5891
|
[class.td-layout--viewport]="fillViewport"
|
|
5891
5892
|
[class.td-layout--mobile]="mobile()"
|
|
5893
|
+
[class.td-layout--has-header]="hasHeader"
|
|
5892
5894
|
[class.td-layout--sidebar]="hasSidebar"
|
|
5893
5895
|
[class.td-layout--sidebar-overlay]="sidebarAsOverlay()"
|
|
5894
5896
|
[class.td-layout--sidebar-open]="sidebarOpen"
|
|
@@ -5929,7 +5931,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
5929
5931
|
}
|
|
5930
5932
|
</div>
|
|
5931
5933
|
</div>
|
|
5932
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;min-width:0;min-height:0}.td-layout--viewport{min-height:100dvh}.td-layout__body{position:relative;display:grid;min-width:0;min-height:
|
|
5934
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-overlay-gap: .75rem;--td-layout-mobile-sidebar-width: 18rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0}.td-layout--viewport{min-height:100dvh;height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{inset:0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:var(--td-layout-mobile-overlay-gap) auto var(--td-layout-mobile-overlay-gap) var(--td-layout-mobile-overlay-gap);width:min(var(--td-layout-mobile-sidebar-width),100% - var(--td-layout-mobile-overlay-gap) * 2);max-width:calc(100% - var(--td-layout-mobile-overlay-gap) * 2);grid-column:auto;grid-row:auto;overflow:hidden;border-radius:1rem;box-shadow:0 18px 40px #0f172a38;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-offset) + .35rem)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
|
|
5933
5935
|
}], propDecorators: { headerSlot: [{
|
|
5934
5936
|
type: ContentChild,
|
|
5935
5937
|
args: [TdLayoutHeaderSlot]
|