@elixir-cloud/service-registry 2.0.0-alpha.28

package/dist/components/services/tw-styles.js

@@ -0,0 +1,2 @@
+export { ComponentStyles } from '../../chunks/chunk.2GTT6OBC.js';
+import '../../chunks/chunk.WHWUXFA2.js';

package/dist/custom-elements.json

@@ -0,0 +1,538 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "components/index.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/service/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./service.js\""
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ecc-client-ga4gh-service-registry-service",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryService",
+            "module": "/src/components/service/service.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryService",
+            "module": "components/service/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/service/service.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ECCClientGa4ghServiceRegistryService",
+          "members": [
+            {
+              "kind": "field",
+              "name": "baseUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Base URL of the Service Registry instance"
+            },
+            {
+              "kind": "field",
+              "name": "serviceId",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "ID of the service to display"
+            },
+            {
+              "kind": "field",
+              "name": "provider",
+              "type": {
+                "text": "ServiceRegistryProvider"
+              },
+              "description": "Custom data provider (optional, overrides baseUrl)"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ExternalService | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_provider",
+              "type": {
+                "text": "ServiceRegistryProvider | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "loadData",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formatDate",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "dateString",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getTypeVariant",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "\"default\" | \"secondary\" | \"destructive\" | \"outline\""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "group",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderServiceHeader",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderServiceContent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderLoading",
+              "static": true
+            }
+          ],
+          "events": [
+            {
+              "name": "ecc-service-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when service data changes",
+              "reactName": "onEccServiceChanged",
+              "eventName": "EccServiceChangedEvent"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "summary": "This component is used to display details for a single service from Service Registry API.",
+          "jsDoc": "/**\n * @summary This component is used to display details for a single service from Service Registry API.\n * @since 1.0.0\n *\n * @property {string} baseUrl - Base URL of the Service Registry instance\n * @property {string} serviceId - ID of the service to display\n * @property {ServiceRegistryProvider} provider - Custom data provider (optional, overrides baseUrl)\n *\n * @fires ecc-service-changed - Fired when service data changes\n */",
+          "tagName": "ecc-client-ga4gh-service-registry-service",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ECCClientGa4ghServiceRegistryService",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryService",
+            "module": "components/service/service.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryService",
+            "module": "components/service/service.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/service/tw-styles.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ComponentStyles",
+          "default": "css` /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --spacing: 0.25rem;\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --font-weight-bold: 700;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .static {\n    position: static;\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .flex {\n    display: flex;\n  }\n  .w-3\\\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .rounded-md {\n    border-radius: calc(var(--radius) - 2px);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-destructive {\n    border-color: var(--destructive);\n  }\n  .bg-destructive\\\\/10 {\n    background-color: var(--destructive);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .text-destructive-foreground {\n    color: var(--destructive-foreground);\n  }\n  .text-muted-foreground {\n    color: var(--muted-foreground);\n  }\n  .text-primary {\n    color: var(--primary);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .hover\\\\:text-primary\\\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--primary);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--primary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .md\\\\:flex-row {\n    @media (width >= 48rem) {\n      flex-direction: row;\n    }\n  }\n  .md\\\\:items-center {\n    @media (width >= 48rem) {\n      align-items: center;\n    }\n  }\n  .part\\\\:mb-3 {\n    &::part(base) {\n      margin-bottom: calc(var(--spacing) * 3);\n    }\n  }\n  .part\\\\:h-4 {\n    &::part(base) {\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .part\\\\:h-6 {\n    &::part(base) {\n      height: calc(var(--spacing) * 6);\n    }\n  }\n  .part\\\\:h-10 {\n    &::part(base) {\n      height: calc(var(--spacing) * 10);\n    }\n  }\n  .part\\\\:w-3\\\\/4 {\n    &::part(base) {\n      width: calc(3/4 * 100%);\n    }\n  }\n  .part\\\\:w-20 {\n    &::part(base) {\n      width: calc(var(--spacing) * 20);\n    }\n  }\n  .part\\\\:w-24 {\n    &::part(base) {\n      width: calc(var(--spacing) * 24);\n    }\n  }\n  .part\\\\:w-32 {\n    &::part(base) {\n      width: calc(var(--spacing) * 32);\n    }\n  }\n  .part\\\\:w-40 {\n    &::part(base) {\n      width: calc(var(--spacing) * 40);\n    }\n  }\n  .part\\\\:w-48 {\n    &::part(base) {\n      width: calc(var(--spacing) * 48);\n    }\n  }\n  .part\\\\:w-64 {\n    &::part(base) {\n      width: calc(var(--spacing) * 64);\n    }\n  }\n  .part\\\\:w-full {\n    &::part(base) {\n      width: 100%;\n    }\n  }\n}\n@property --tw-animation-delay {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0s;\n}\n@property --tw-animation-direction {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: normal;\n}\n@property --tw-animation-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-animation-fill-mode {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: none;\n}\n@property --tw-animation-iteration-count {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@layer base {\n  * {\n    border-color: var(--border);\n    outline-color: var(--ring);\n    @supports (color: color-mix(in lab, red, red)) {\n      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n}\n:host {\n  font-family: inherit;\n  line-height: inherit;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-outline-style: solid;\n      --tw-animation-delay: 0s;\n      --tw-animation-direction: normal;\n      --tw-animation-duration: initial;\n      --tw-animation-fill-mode: none;\n      --tw-animation-iteration-count: 1;\n      --tw-enter-opacity: 1;\n      --tw-enter-rotate: 0;\n      --tw-enter-scale: 1;\n      --tw-enter-translate-x: 0;\n      --tw-enter-translate-y: 0;\n      --tw-exit-opacity: 1;\n      --tw-exit-rotate: 0;\n      --tw-exit-scale: 1;\n      --tw-exit-translate-x: 0;\n      --tw-exit-translate-y: 0;\n    }\n  }\n}\n `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ComponentStyles",
+          "declaration": {
+            "name": "ComponentStyles",
+            "module": "components/service/tw-styles.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/services/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./services.js\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryServices",
+            "module": "components/services/index.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ecc-client-ga4gh-service-registry-services",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryServices",
+            "module": "/src/components/services/services.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/services/services.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ECCClientGa4ghServiceRegistryServices",
+          "members": [
+            {
+              "kind": "field",
+              "name": "baseUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Base URL of the Service Registry instance"
+            },
+            {
+              "kind": "field",
+              "name": "filter",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Determines if the service filter field should be rendered"
+            },
+            {
+              "kind": "field",
+              "name": "search",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Determines if the search field should be rendered"
+            },
+            {
+              "kind": "field",
+              "name": "provider",
+              "type": {
+                "text": "ServiceRegistryProvider"
+              },
+              "description": "Custom data provider (optional, overrides baseUrl)"
+            },
+            {
+              "kind": "field",
+              "name": "searchQuery",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "services",
+              "type": {
+                "text": "ExternalService[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "serviceTypes",
+              "type": {
+                "text": "ServiceType[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "searchTimeout",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_provider",
+              "type": {
+                "text": "ServiceRegistryProvider | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "loadServiceTypes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "loadData",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleSearch",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "filterServices",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleViewDetails",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "serviceId",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderSkeletonRows",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "getServiceTypeVariant",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "\"default\" | \"secondary\" | \"destructive\" | \"outline\""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "ServiceType"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "ecc-services-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when services data changes",
+              "reactName": "onEccServicesChanged",
+              "eventName": "EccServicesChangedEvent"
+            },
+            {
+              "name": "ecc-service-selected",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when a service is clicked",
+              "reactName": "onEccServiceSelected",
+              "eventName": "EccServiceSelectedEvent"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "summary": "This component is used to display data from Service Registry API.",
+          "jsDoc": "/**\n * @summary This component is used to display data from Service Registry API.\n * @since 1.0.0\n *\n * @property {string} baseUrl - Base URL of the Service Registry instance\n * @property {boolean} filter - Determines if the service filter field should be rendered\n * @property {boolean} search - Determines if the search field should be rendered\n * @property {ServiceRegistryProvider} provider - Custom data provider (optional, overrides baseUrl)\n *\n * @fires ecc-services-changed - Fired when services data changes\n * @fires ecc-service-selected - Fired when a service is clicked\n */",
+          "tagName": "ecc-client-ga4gh-service-registry-services",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ECCClientGa4ghServiceRegistryServices",
+          "declaration": {
+            "name": "ECCClientGa4ghServiceRegistryServices",
+            "module": "components/services/services.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/services/tw-styles.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ComponentStyles",
+          "default": "css` /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --font-weight-medium: 500;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .static {\n    position: static;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .flex {\n    display: flex;\n  }\n  .w-1\\\\/12 {\n    width: calc(1/12 * 100%);\n  }\n  .w-2\\\\/12 {\n    width: calc(2/12 * 100%);\n  }\n  .w-7\\\\/12 {\n    width: calc(7/12 * 100%);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .rounded-md {\n    border-radius: calc(var(--radius) - 2px);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-destructive {\n    border-color: var(--destructive);\n  }\n  .bg-destructive\\\\/10 {\n    background-color: var(--destructive);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .text-destructive-foreground {\n    color: var(--destructive-foreground);\n  }\n  .text-muted-foreground {\n    color: var(--muted-foreground);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .part\\\\:h-3 {\n    &::part(base) {\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .part\\\\:h-4 {\n    &::part(base) {\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .part\\\\:h-5 {\n    &::part(base) {\n      height: calc(var(--spacing) * 5);\n    }\n  }\n  .part\\\\:h-6 {\n    &::part(base) {\n      height: calc(var(--spacing) * 6);\n    }\n  }\n  .part\\\\:h-8 {\n    &::part(base) {\n      height: calc(var(--spacing) * 8);\n    }\n  }\n  .part\\\\:w-4\\\\/5 {\n    &::part(base) {\n      width: calc(4/5 * 100%);\n    }\n  }\n  .part\\\\:w-8 {\n    &::part(base) {\n      width: calc(var(--spacing) * 8);\n    }\n  }\n  .part\\\\:w-24 {\n    &::part(base) {\n      width: calc(var(--spacing) * 24);\n    }\n  }\n  .part\\\\:w-28 {\n    &::part(base) {\n      width: calc(var(--spacing) * 28);\n    }\n  }\n  .part\\\\:w-40 {\n    &::part(base) {\n      width: calc(var(--spacing) * 40);\n    }\n  }\n  .part\\\\:w-fit {\n    &::part(base) {\n      width: fit-content;\n    }\n  }\n  .part\\\\:w-full {\n    &::part(base) {\n      width: 100%;\n    }\n  }\n  .part\\\\:cursor-pointer {\n    &::part(base) {\n      cursor: pointer;\n    }\n  }\n  .part\\\\:rounded {\n    &::part(base) {\n      border-radius: 0.25rem;\n    }\n  }\n  .part\\\\:rounded-full {\n    &::part(base) {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .part\\\\:p-0 {\n    &::part(base) {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .part\\\\:py-8 {\n    &::part(base) {\n      padding-block: calc(var(--spacing) * 8);\n    }\n  }\n  .part\\\\:text-center {\n    &::part(base) {\n      text-align: center;\n    }\n  }\n  .part\\\\:font-medium {\n    &::part(base) {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .part\\\\:text-muted-foreground {\n    &::part(base) {\n      color: var(--muted-foreground);\n    }\n  }\n  .part\\\\:text-primary {\n    &::part(base) {\n      color: var(--primary);\n    }\n  }\n}\n@property --tw-animation-delay {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0s;\n}\n@property --tw-animation-direction {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: normal;\n}\n@property --tw-animation-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-animation-fill-mode {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: none;\n}\n@property --tw-animation-iteration-count {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-enter-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-enter-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-exit-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-exit-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@layer base {\n  * {\n    border-color: var(--border);\n    outline-color: var(--ring);\n    @supports (color: color-mix(in lab, red, red)) {\n      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n}\n:host {\n  font-family: inherit;\n  line-height: inherit;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-style: solid;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-font-weight: initial;\n      --tw-animation-delay: 0s;\n      --tw-animation-direction: normal;\n      --tw-animation-duration: initial;\n      --tw-animation-fill-mode: none;\n      --tw-animation-iteration-count: 1;\n      --tw-enter-opacity: 1;\n      --tw-enter-rotate: 0;\n      --tw-enter-scale: 1;\n      --tw-enter-translate-x: 0;\n      --tw-enter-translate-y: 0;\n      --tw-exit-opacity: 1;\n      --tw-exit-rotate: 0;\n      --tw-exit-scale: 1;\n      --tw-exit-translate-x: 0;\n      --tw-exit-translate-y: 0;\n    }\n  }\n}\n `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ComponentStyles",
+          "declaration": {
+            "name": "ComponentStyles",
+            "module": "components/services/tw-styles.js"
+          }
+        }
+      ]
+    }
+  ],
+  "package": {
+    "name": "@elixir-cloud/service-registry",
+    "description": "Web Component for interacting with GA4GH Service Registry Standard",
+    "version": "2.0.0-alpha.28",
+    "license": "Apache-2.0"
+  }
+}

package/dist/events/ecc-service-changed.d.ts

@@ -0,0 +1,6 @@
+export type EccServiceChangedEvent = CustomEvent<Record<string, any>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "ecc-service-changed": EccServiceChangedEvent;
+    }
+}

package/dist/events/ecc-service-selected.d.ts

@@ -0,0 +1,6 @@
+export type EccServiceSelectedEvent = CustomEvent<Record<string, any>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "ecc-service-selected": EccServiceSelectedEvent;
+    }
+}

package/dist/events/ecc-services-changed.d.ts

@@ -0,0 +1,6 @@
+export type EccServicesChangedEvent = CustomEvent<Record<string, any>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "ecc-services-changed": EccServicesChangedEvent;
+    }
+}

package/dist/events/ecc-services-selected.d.ts

@@ -0,0 +1,6 @@
+export type EccServicesSelectedEvent = CustomEvent<Record<string, any>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "ecc-services-selected": EccServicesSelectedEvent;
+    }
+}

package/dist/events/index.d.ts

@@ -0,0 +1,4 @@
+export type { EccServiceChangedEvent } from "./ecc-service-changed.js";
+export type { EccServiceSelectedEvent } from "./ecc-service-selected.js";
+export type { EccServicesChangedEvent } from "./ecc-services-changed.js";
+export type { EccServicesSelectedEvent } from "./ecc-services-selected.js";

package/dist/global.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Global styles that can be applied to all components
+ */
+export declare const GlobalStyles: import("lit").CSSResult;

package/dist/index.d.ts

@@ -0,0 +1 @@
+import "./components/index.js";

package/dist/index.js

@@ -0,0 +1,10 @@
+import './chunks/chunk.EDOYU2FL.js';
+import './chunks/chunk.FSZTY25R.js';
+import './chunks/chunk.422CUO5Q.js';
+import './chunks/chunk.2GTT6OBC.js';
+import './chunks/chunk.UMP3GNBP.js';
+import './chunks/chunk.KXF7UXMG.js';
+import './chunks/chunk.TWJOFBJX.js';
+import './chunks/chunk.SWMR6FP7.js';
+import './chunks/chunk.L4ERSGP3.js';
+import './chunks/chunk.WHWUXFA2.js';

package/dist/providers/index.d.ts

@@ -0,0 +1,3 @@
+export { ServiceRegistryProvider } from "./sr-provider.js";
+export { RestServiceRegistryProvider } from "./rest-sr-provider.js";
+export type { Service, ServiceType, Organization, ExternalService, Error, } from "./sr-provider.js";

package/dist/providers/index.js

@@ -0,0 +1,3 @@
+import '../chunks/chunk.P4Y7MKRA.js';
+export { RestServiceRegistryProvider } from '../chunks/chunk.L4ERSGP3.js';
+import '../chunks/chunk.WHWUXFA2.js';