web_lib

Common web application libraries
git clone https://radroots.dev/git/web_lib.git
Log | Files | Refs | LICENSE

trellis-row-display-value.svelte (1283B)

      1 <script lang="ts">
      2     import type { ITrellisKindDisplayValue } from "$lib/types/components/trellis";
      3     import { get_label_classes_kind } from "$lib/utils/app";
      4     import { Glyph, fmt_cl } from "@radroots/apps-lib";
      5     import type { ThemeLayer } from "@radroots/themes";
      6 
      7     let {
      8         basis,
      9         layer,
     10         hide_active,
     11     }: {
     12         basis: ITrellisKindDisplayValue;
     13         layer: ThemeLayer;
     14         hide_active: boolean;
     15     } = $props();
     16 </script>
     17 
     18 <button
     19     class={`z-10 flex flex-grow justify-end`}
     20     onclick={async (ev) => {
     21         ev.stopPropagation();
     22         if (basis.callback) await basis.callback(ev);
     23     }}
     24 >
     25     {#if `icon` in basis}
     26         <Glyph
     27             basis={{
     28                 classes:
     29                     basis.icon.classes ||
     30                     `${get_label_classes_kind(layer, `shade`, hide_active)}`,
     31                 key: basis.icon.key,
     32                 dim: `sm`,
     33             }}
     34         />
     35     {:else if basis.label}
     36         {#if `value` in basis.label}
     37             <p
     38                 class={`${fmt_cl(
     39                     basis.label.classes,
     40                 )} font-sans text-line_d_e line-clamp-1 text-ly0-gl-label el-re`}
     41             >
     42                 {basis.label.value}
     43             </p>
     44         {/if}
     45     {/if}
     46 </button>