@telcomdev/ui 0.1.34 → 0.1.35
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.
|
@@ -5928,7 +5928,7 @@ class TdLayout {
|
|
|
5928
5928
|
}
|
|
5929
5929
|
</div>
|
|
5930
5930
|
</div>
|
|
5931
|
-
`, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;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>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:
|
|
5931
|
+
`, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;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>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding: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;overflow:auto;overscroll-behavior:contain;padding:var(--td-layout-content-padding)}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;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{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.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:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.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{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.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{position:relative;z-index:1}.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}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5932
5932
|
}
|
|
5933
5933
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdLayout, decorators: [{
|
|
5934
5934
|
type: Component,
|
|
@@ -5981,7 +5981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
5981
5981
|
}
|
|
5982
5982
|
</div>
|
|
5983
5983
|
</div>
|
|
5984
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;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>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:
|
|
5984
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;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>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding: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;overflow:auto;overscroll-behavior:contain;padding:var(--td-layout-content-padding)}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;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{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.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:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.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{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.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{position:relative;z-index:1}.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}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"] }]
|
|
5985
5985
|
}], propDecorators: { headerSlot: [{
|
|
5986
5986
|
type: ContentChild,
|
|
5987
5987
|
args: [TdLayoutHeaderSlot]
|