@malloydata/render 0.0.165-dev240813192511 → 0.0.165-dev240813215510
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/dist/component/dashboard/dashboard.d.ts +5 -0
- package/dist/component/table/table-context.d.ts +1 -0
- package/dist/component/table/table-layout.d.ts +12 -3
- package/dist/component/types.d.ts +3 -6
- package/dist/component/util.d.ts +1 -1
- package/dist/register/register.mjs +12779 -12605
- package/dist/register/register.umd.js +321 -236
- package/dist/register/style.css +1 -1
- package/dist/stories/dashboard.stories.d.ts +11 -0
- package/dist/webcomponent/malloy-render.mjs +12779 -12605
- package/dist/webcomponent/malloy-render.umd.js +321 -236
- package/dist/webcomponent/style.css +1 -1
- package/package.json +2 -2
package/dist/register/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--malloy-theme--table-row-height: 28px;--malloy-theme--table-font-size: 12px;--malloy-theme--table-header-color: #5d626b;--malloy-theme--table-header-weight: bold;--malloy-theme--table-body-color: #727883;--malloy-theme--table-body-weight: 400;--malloy-theme--table-border: 1px solid #e5e7eb;--malloy-theme--table-background: white;--malloy-theme--table-gutter-size: 15px;--malloy-theme--table-pinned-background: #f5fafc;--malloy-theme--table-pinned-border: 1px solid #daedf3;--malloy-theme--font-family: Inter, system-ui, sans-serif;font-family:var(--malloy-render--font-family);font-size:var(--malloy-render--table-font-size)}@supports (font-variation-settings: normal){:host{font-family:InterVariable,Inter,system-ui sans-serif;font-feature-settings:"liga" 1,"calt" 1}}.malloy-table *{box-sizing:border-box}.malloy-table{background:var(--malloy-render--table-background)}.malloy-table{display:grid;grid:auto / subgrid}.malloy-table.root{width:fit-content;max-width:100%;height:fit-content;max-height:100%;position:relative;overflow:auto}.malloy-table .pinned-header-row{display:grid;grid:auto / subgrid;position:sticky;top:0;z-index:
|
|
1
|
+
:host{--malloy-theme--table-row-height: 28px;--malloy-theme--table-font-size: 12px;--malloy-theme--table-header-color: #5d626b;--malloy-theme--table-header-weight: bold;--malloy-theme--table-body-color: #727883;--malloy-theme--table-body-weight: 400;--malloy-theme--table-border: 1px solid #e5e7eb;--malloy-theme--table-background: white;--malloy-theme--table-gutter-size: 15px;--malloy-theme--table-pinned-background: #f5fafc;--malloy-theme--table-pinned-border: 1px solid #daedf3;--malloy-theme--font-family: Inter, system-ui, sans-serif;font-family:var(--malloy-render--font-family);font-size:var(--malloy-render--table-font-size)}@supports (font-variation-settings: normal){:host{font-family:InterVariable,Inter,system-ui sans-serif;font-feature-settings:"liga" 1,"calt" 1}}.malloy-table *{box-sizing:border-box}.malloy-table{background:var(--malloy-render--table-background)}.malloy-table{display:grid;grid:auto / subgrid}.malloy-table.root{width:fit-content;max-width:100%;height:fit-content;max-height:100%;position:relative;overflow:auto}.malloy-table .pinned-header-row{display:grid;grid:auto / subgrid;position:sticky;top:0;z-index:100;pointer-events:none}.malloy-table .table-row{display:grid;grid:auto / subgrid}.malloy-table .th{transition:background-color .25s}.malloy-table .column-cell{min-height:var(--malloy-render--table-row-height);white-space:nowrap;text-align:left;padding:0;vertical-align:top}.malloy-table .td.column-cell{font-weight:var(--malloy-render--table-body-weight);color:var(--malloy-render--table-body-color)}.malloy-table .th.column-cell{font-weight:var(--malloy-render--table-header-weight);color:var(--malloy-render--table-header-color)}.malloy-table .column-cell.numeric{text-align:right;font-variant-numeric:tabular-nums}.malloy-table .cell-content{border-top:var(--malloy-render--table-border);height:100%;line-height:calc(var(--malloy-render--table-row-height) - 1px);flex:1;overflow:hidden;text-overflow:ellipsis;margin-inline:0px;padding-inline:var(--malloy-render--table-gutter-size)}.malloy-table .cell-content.hide-start-gutter{margin-left:var(--malloy-render--table-gutter-size);padding-left:0}.malloy-table .cell-content.hide-end-gutter{margin-right:var(--malloy-render--table-gutter-size);padding-right:0}.malloy-table.scrolled .pinned-header .cell-content.hide-start-gutter,.malloy-table.scrolled .pinned-header .cell-content.hide-end-gutter{margin-inline:0px;padding-inline:var(--malloy-render--table-gutter-size)}.malloy-table .pinned-header.th{background:var(--malloy-render--table-background);pointer-events:all}.malloy-table.scrolled .pinned-header .cell-content{border-top:var(--malloy-render--table-pinned-border)}.malloy-table.scrolled .pinned-header.th{position:relative;background:var(--malloy-render--table-pinned-background)}.malloy-table.scrolled .pinned-header:after{content:"";border-bottom:var(--malloy-render--table-pinned-border);width:100%;height:0px;display:inline-block;position:absolute;left:0;right:0}.malloy-table .malloy-list{line-height:var(--malloy-render--table-row-height)}.malloy-dashboard{background:#f7f9fc;width:100%;height:100%;overflow:auto;display:grid;grid-template-rows:auto;gap:48px}.malloy-dashboard *{box-sizing:border-box}.malloy-dashboard .dashboard-row-header{position:sticky;top:0;background:#f7f9fc;padding:16px 16px 0;width:100%;z-index:200}.malloy-dashboard .dashboard-row-header-separator{height:1px;background:#e3e5e9}.malloy-dashboard .dashboard-row-header-dimension-list{display:flex;gap:24px}.malloy-dashboard .dashboard-row-body{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px 16px}.malloy-dashboard .dashboard-item{background:#fff;border-radius:3px;padding:16px;width:fit-content;height:fit-content;display:grid;grid-template-rows:max-content 1fr;gap:12px;box-shadow:#fff 0 0,#e5e7eb 0 0 0 1px,#0000001a 0 1px 3px,#0000001a 0 1px 2px -1px}.malloy-dashboard .dashboard-item-title{font-weight:400;font-size:12px;color:#64666b}.malloy-dashboard .dashboard-item-value-measure{font-size:20px}.malloy-dashboard .dashboard-dimension-wrapper{display:grid;grid-template-rows:auto;gap:4px;margin-bottom:8px}.malloy-dashboard .dashboard-dimension-name{font-size:12px}.malloy-dashboard .dashboard-dimension-value{font-size:14px;font-weight:600}
|