intelliwaketssveltekitv25 0.1.149 → 0.1.150
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/MasterDetailLayout.svelte +72 -84
- package/package.json +1 -1
|
@@ -85,96 +85,84 @@
|
|
|
85
85
|
|
|
86
86
|
</script>
|
|
87
87
|
|
|
88
|
-
|
|
88
|
+
<div
|
|
89
|
+
class='masterDetail print:relative grid grid-cols-1 print:block overflow-hidden {mdClass}'
|
|
90
|
+
class:sm:grid-cols-[auto_1fr]={breakAt === 'sm'}
|
|
91
|
+
class:md:grid-cols-[auto_1fr]={breakAt === 'md'}
|
|
92
|
+
class:lg:grid-cols-[auto_1fr]={breakAt === 'lg'}
|
|
93
|
+
class:xl:grid-cols-[auto_1fr]={breakAt === 'xl'}
|
|
94
|
+
class:gap-3={rounded}
|
|
95
|
+
class:p-3={rounded}>
|
|
89
96
|
<div
|
|
90
|
-
class='
|
|
91
|
-
class:sm:grid
|
|
92
|
-
class:md:grid
|
|
93
|
-
class:lg:grid
|
|
94
|
-
class:xl:grid
|
|
95
|
-
class:
|
|
96
|
-
class:
|
|
97
|
+
class='masterDetailMaster relative grid-rows-[auto_1fr_auto] overflow-hidden print:!overflow-visible {masterClass}'
|
|
98
|
+
class:sm:grid={breakAt === 'sm'}
|
|
99
|
+
class:md:grid={breakAt === 'md'}
|
|
100
|
+
class:lg:grid={breakAt === 'lg'}
|
|
101
|
+
class:xl:grid={breakAt === 'xl'}
|
|
102
|
+
class:bg-white={rounded}
|
|
103
|
+
class:dark:bg-slate-700={rounded}
|
|
104
|
+
class:rounded-lg={rounded}
|
|
105
|
+
class:shadow={rounded}
|
|
106
|
+
class:sm:border-r={breakAt === 'sm' && !rounded}
|
|
107
|
+
class:md:border-r={breakAt === 'md' && !rounded}
|
|
108
|
+
class:lg:border-r={breakAt === 'lg' && !rounded}
|
|
109
|
+
class:xl:border-r={breakAt === 'xl' && !rounded}
|
|
110
|
+
class:border-slate-300={!rounded}
|
|
111
|
+
class:hidden={!!pathAnalyzer?.activePageSlug}
|
|
112
|
+
class:dark:border-slate-500={!rounded}
|
|
113
|
+
class:print:!hidden={!showAllPrint && !!pathAnalyzer?.activePageSlug}>
|
|
114
|
+
<div>
|
|
115
|
+
{@render header?.()}
|
|
116
|
+
</div>
|
|
117
|
+
|
|
118
|
+
{@render list?.()}
|
|
119
|
+
|
|
120
|
+
<div class='overflow-y-auto print:overflow-visible' hidden={!listItems}>
|
|
121
|
+
<ListGroupItems {pathAnalyzer}
|
|
122
|
+
{emptyListMessage}
|
|
123
|
+
{active}
|
|
124
|
+
listItems={listItems ?? []}
|
|
125
|
+
{wrapText}
|
|
126
|
+
{ellipses}
|
|
127
|
+
{noLinkReplace}
|
|
128
|
+
{rounded}>
|
|
129
|
+
{#snippet empty()}
|
|
130
|
+
{@render emptySlot?.()}
|
|
131
|
+
{/snippet}
|
|
132
|
+
</ListGroupItems>
|
|
133
|
+
</div>
|
|
134
|
+
|
|
135
|
+
<div>
|
|
136
|
+
{@render footer?.()}
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
|
|
140
|
+
<div class="masterDetailDetail grid grid-rows-[auto_1fr] overflow-hidden"
|
|
141
|
+
class:masterDetailDetailWithHeader={showDetailShowHeader}>
|
|
142
|
+
<div>
|
|
143
|
+
{#if !!showDetailShowHeader}
|
|
144
|
+
<h3 class="text-center">
|
|
145
|
+
{#if !!openItem?.faProps || !!detailShowHeaderFAProps}
|
|
146
|
+
<Icon {...(openItem?.faProps ?? detailShowHeaderFAProps)} fw />
|
|
147
|
+
{/if}
|
|
148
|
+
{typeof showDetailShowHeader === 'string' ? showDetailShowHeader : openItem?.title ?? ''}
|
|
149
|
+
</h3>
|
|
150
|
+
{/if}
|
|
151
|
+
</div>
|
|
97
152
|
<div
|
|
98
|
-
class='
|
|
153
|
+
class='relative grid grid-rows-1 overflow-hidden print:overflow-visible {detailClass}'
|
|
99
154
|
class:sm:grid={breakAt === 'sm'}
|
|
100
155
|
class:md:grid={breakAt === 'md'}
|
|
101
156
|
class:lg:grid={breakAt === 'lg'}
|
|
102
157
|
class:xl:grid={breakAt === 'xl'}
|
|
103
|
-
class:bg-white={
|
|
104
|
-
class:
|
|
105
|
-
class:
|
|
106
|
-
class:
|
|
107
|
-
class:
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
class:xl:border-r={breakAt === 'xl' && !rounded}
|
|
111
|
-
class:border-slate-300={!rounded}
|
|
112
|
-
class:hidden={!!pathAnalyzer.activePageSlug}
|
|
113
|
-
class:dark:border-slate-500={!rounded}
|
|
114
|
-
class:print:!hidden={!showAllPrint && !!pathAnalyzer.activePageSlug}>
|
|
115
|
-
<div>
|
|
116
|
-
{#if header}
|
|
117
|
-
{@render header()}
|
|
118
|
-
{/if}
|
|
119
|
-
</div>
|
|
120
|
-
|
|
121
|
-
{#if list}
|
|
122
|
-
{@render list()}
|
|
123
|
-
{/if}
|
|
124
|
-
|
|
125
|
-
{#if listItems !== null}
|
|
126
|
-
<div class='overflow-y-auto print:overflow-visible'>
|
|
127
|
-
<ListGroupItems {pathAnalyzer}
|
|
128
|
-
{emptyListMessage}
|
|
129
|
-
{active}
|
|
130
|
-
{listItems}
|
|
131
|
-
{wrapText}
|
|
132
|
-
{ellipses}
|
|
133
|
-
{noLinkReplace}
|
|
134
|
-
{rounded}>
|
|
135
|
-
{#snippet empty()}
|
|
136
|
-
{#if emptySlot}
|
|
137
|
-
{@render emptySlot()}
|
|
138
|
-
{/if}
|
|
139
|
-
{/snippet}
|
|
140
|
-
</ListGroupItems>
|
|
141
|
-
</div>
|
|
158
|
+
class:bg-white={showRoundedDetailFormatted}
|
|
159
|
+
class:hidden={!pathAnalyzer?.activePageSlug}
|
|
160
|
+
class:dark:bg-slate-700={showRoundedDetailFormatted}
|
|
161
|
+
class:rounded-lg={showRoundedDetailFormatted}
|
|
162
|
+
class:shadow={showRoundedDetailFormatted}>
|
|
163
|
+
{#if detail}
|
|
164
|
+
{@render detail()}
|
|
142
165
|
{/if}
|
|
143
|
-
|
|
144
|
-
<div>
|
|
145
|
-
{#if footer}
|
|
146
|
-
{@render footer()}
|
|
147
|
-
{/if}
|
|
148
|
-
</div>
|
|
149
|
-
</div>
|
|
150
|
-
|
|
151
|
-
<div class="masterDetailDetail grid grid-rows-[auto_1fr] overflow-hidden"
|
|
152
|
-
class:masterDetailDetailWithHeader={showDetailShowHeader}>
|
|
153
|
-
<div>
|
|
154
|
-
{#if !!showDetailShowHeader}
|
|
155
|
-
<h3 class="text-center">
|
|
156
|
-
{#if !!openItem?.faProps || !!detailShowHeaderFAProps}
|
|
157
|
-
<Icon {...(openItem?.faProps ?? detailShowHeaderFAProps)} fw />
|
|
158
|
-
{/if}
|
|
159
|
-
{typeof showDetailShowHeader === 'string' ? showDetailShowHeader : openItem?.title ?? ''}
|
|
160
|
-
</h3>
|
|
161
|
-
{/if}
|
|
162
|
-
</div>
|
|
163
|
-
<div
|
|
164
|
-
class='relative grid grid-rows-1 overflow-hidden print:overflow-visible {detailClass}'
|
|
165
|
-
class:sm:grid={breakAt === 'sm'}
|
|
166
|
-
class:md:grid={breakAt === 'md'}
|
|
167
|
-
class:lg:grid={breakAt === 'lg'}
|
|
168
|
-
class:xl:grid={breakAt === 'xl'}
|
|
169
|
-
class:bg-white={showRoundedDetailFormatted}
|
|
170
|
-
class:hidden={!pathAnalyzer.activePageSlug}
|
|
171
|
-
class:dark:bg-slate-700={showRoundedDetailFormatted}
|
|
172
|
-
class:rounded-lg={showRoundedDetailFormatted}
|
|
173
|
-
class:shadow={showRoundedDetailFormatted}>
|
|
174
|
-
{#if detail}
|
|
175
|
-
{@render detail()}
|
|
176
|
-
{/if}
|
|
177
|
-
</div>
|
|
178
166
|
</div>
|
|
179
167
|
</div>
|
|
180
|
-
|
|
168
|
+
</div>
|