@maggioli-design-system/mds-table-row 5.0.0 → 5.1.0

package/src/common/floating-controller.ts

@@ -0,0 +1,263 @@
+import {
+  arrow,
+  autoPlacement,
+  autoUpdate,
+  computePosition,
+  flip,
+  Middleware,
+  MiddlewareData,
+  offset,
+  shift,
+} from '@floating-ui/dom'
+import { FloatingUIPlacement, FloatingUIStrategy } from '@type/floating-ui'
+import { cssDurationToMilliseconds } from './unit'
+import { setAttributeIfEmpty } from './aria'
+import { HTMLStencilElement } from '@stencil/core/internal'
+
+export interface FloatingElement extends PositionOptions {
+  host: HTMLFloatingElement,
+}
+
+export interface HTMLFloatingElement extends HTMLStencilElement, PositionOptions {
+  visible: boolean,
+}
+
+export interface PositionOptions {
+  arrow: boolean;
+  arrowPadding: number;
+  autoPlacement: boolean;
+  flip: boolean;
+  offset: number;
+  placement: FloatingUIPlacement;
+  shift: boolean;
+  shiftPadding: number;
+  strategy: FloatingUIStrategy;
+}
+
+export class FloatingController {
+  private _caller: HTMLElement
+  private readonly _host: HTMLFloatingElement
+  arrowEl: HTMLElement | undefined
+
+  private cleanupAutoUpdate: () => void
+
+  constructor (host: HTMLFloatingElement, arrowEl?: HTMLElement) {
+    this._host = host
+    this.arrowEl = arrowEl
+  }
+
+  updateCaller (target: string): HTMLElement {
+    // search caller in document or rootNode of host (if target is in shadowDOM)
+    const caller = (this._host.parentElement?.shadowRoot?.querySelector(target) as HTMLElement) ??
+      ((this._host.getRootNode() as HTMLElement).querySelector(target) as HTMLElement)
+
+    if (!caller) {
+      throw Error(`Target not found: ${target}`)
+    }
+
+    this._caller = caller
+
+    setAttributeIfEmpty(this._caller, 'aria-haspopup', 'true')
+    setAttributeIfEmpty(this._caller, 'aria-controls', target)
+    setAttributeIfEmpty(this._host, 'role', 'menu')
+    setAttributeIfEmpty(this._host, 'aria-labelledby', target)
+    return caller
+  }
+
+  private readonly arrowInset = (
+    middleware: MiddlewareData,
+    arrowPosition: string,
+  ): { bottom?: string; left?: string; right?: string; top?: string } => {
+    const { arrow } = middleware
+    const inset = { bottom: '', left: '', right: '', top: '' }
+
+    if (arrow === undefined) {
+      return {}
+    }
+
+    switch (arrowPosition) {
+    case 'bottom':
+      inset.left = arrow.x !== null ? `${arrow.x}px` : ''
+      inset.top = '100%'
+      break
+    case 'left':
+      inset.right = '100%'
+      inset.top = arrow.y !== null ? `${arrow.y}px` : ''
+      break
+    case 'right':
+      inset.left = '100%'
+      inset.top = arrow.y !== null ? `${arrow.y}px` : ''
+      break
+    case 'top':
+      inset.left = arrow.x !== null ? `${arrow.x}px` : ''
+      inset.top = ''
+      break
+    default:
+      break
+    }
+    return inset
+  }
+
+  private readonly arrowTransform = (
+    arrowPosition: string,
+  ): { transform: string } => {
+    let transformProps = this._host.arrow && this._host.visible ? 'scale(1)' : 'scale(0)'
+    switch (arrowPosition) {
+    case 'bottom':
+      transformProps = `rotate(180deg) ${transformProps} translate(0, -100%)`
+      break
+    case 'left':
+      transformProps = `rotate(-90deg) ${transformProps} translate(50%, -50%)`
+      break
+    case 'right':
+      transformProps = `rotate(90deg) ${transformProps} translate(-50%, -50%)`
+      break
+    case 'top':
+      transformProps = `rotate(0deg) ${transformProps} translate(0, 0)`
+      break
+    default:
+      break
+    }
+    return { transform: transformProps }
+  }
+
+  private readonly arrowTransformOrigin = (
+    arrowPosition: string,
+  ): { transformOrigin: string } => {
+    switch (arrowPosition) {
+    case 'bottom':
+      return { transformOrigin: 'center top' }
+    case 'left':
+      return { transformOrigin: 'right center' }
+    case 'right':
+      return { transformOrigin: 'left center' }
+    case 'top':
+      return { transformOrigin: 'center bottom' }
+    default:
+      return { transformOrigin: 'center top' }
+    }
+  }
+
+  private readonly calculatePosition = (): void => {
+    if (!this._caller) return
+
+    const middleware: Middleware[] = new Array<Middleware>()
+    const config: { padding?: number } = {}
+
+    if (this._host.shiftPadding) {
+      config.padding = this._host.shiftPadding
+    }
+
+    if (this._host.autoPlacement) {
+      middleware.push(autoPlacement())
+    }
+
+    if (this._host.offset) {
+      middleware.push(offset(this._host.offset))
+    }
+
+    if (!this._host.autoPlacement && this._host.flip) {
+      middleware.push(flip(config))
+    }
+
+    if (this._host.shift) {
+      middleware.push(shift(config))
+    }
+
+    if (this.arrowEl && this._host.arrow) {
+      middleware.push(
+        arrow({
+          element: this.arrowEl,
+          padding: this._host.arrowPadding,
+        }),
+      )
+    }
+
+    computePosition(this._caller, this._host, {
+      middleware,
+      placement: this._host.placement,
+      strategy: this._host.strategy,
+    }).then(({ x, y, placement, middlewareData }) => {
+      Object.assign(this._host.style, {
+        left: `${x}px`,
+        top: `${y}px`,
+      })
+
+      const arrowStyle = {}
+      const arrowPosition = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right',
+      }[placement.split('-')[0]]
+
+      if (arrowPosition && this.arrowEl) {
+        Object.assign(arrowStyle, this.arrowTransform(arrowPosition))
+        Object.assign(
+          arrowStyle,
+          this.arrowInset(middlewareData, arrowPosition),
+        )
+        Object.assign(arrowStyle, this.arrowTransformOrigin(arrowPosition))
+        Object.assign(this.arrowEl.style, arrowStyle)
+      }
+    })
+  }
+
+  updatePosition (): void {
+    if (this.cleanupAutoUpdate) this.cleanupAutoUpdate()
+    this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition)
+  }
+
+  dismiss (): void {
+    this.cleanupAutoUpdate()
+  }
+}
+
+export class Backdrop {
+  private readonly defaultBackdropId = 'mds-backdrop'
+  private readonly backdropBackgroundVisible = 'rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))'
+  private readonly backdropBackgroundHidden = 'rgba(var(--magma-backdrop-color, 0 0 0) / 0)'
+
+  private readonly backdropId
+  private readonly cssBackdropZIndex
+  private readonly cssBackdropDuration
+
+  private backdropEl: HTMLElement
+  private backdropTimer: NodeJS.Timeout
+
+  constructor (backdropId?: string) {
+    this.backdropId = backdropId ?? this.defaultBackdropId
+    this.cssBackdropZIndex = `var(--${this.backdropId}-z-index)`
+    this.cssBackdropDuration = `var(--${this.backdropId}-duration)`
+  }
+
+  attachBackdrop (): void {
+    if (!this.backdropEl) {
+      this.backdropEl = document.createElement('div')
+      this.backdropEl.className = this.backdropId
+      this.backdropEl.style.inset = '0'
+      this.backdropEl.style.pointerEvents = 'none'
+      this.backdropEl.style.position = 'fixed'
+      this.backdropEl.style.transition = `background-color ${this.cssBackdropDuration} ease-out`
+      this.backdropEl.style.zIndex = this.cssBackdropZIndex
+    }
+    this.backdropEl.style.backgroundColor = this.backdropBackgroundHidden
+    document.body.appendChild(this.backdropEl)
+
+    clearTimeout(this.backdropTimer)
+    this.backdropTimer = setTimeout(() => {
+      this.backdropEl.style.backgroundColor = this.backdropBackgroundVisible
+    }, 1)
+  }
+
+  detachBackdrop (): void {
+    if (!this.backdropEl) {
+      return
+    }
+    this.backdropEl.style.backgroundColor = 'transparent'
+    clearTimeout(this.backdropTimer)
+    this.backdropTimer = setTimeout(() => {
+      this.backdropEl.remove()
+    }, cssDurationToMilliseconds(this.cssBackdropDuration))
+  }
+}

package/src/common/slot.ts

@@ -1,8 +1,16 @@
 const hasSlottedElements = (el: HTMLElement, name?: string): boolean => {
-  let query = 'slot'
-  if (name) {
-    query = `slot[name=${name}]`
+  const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
+
+  const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
+  if (slot) {
+    return slot.assignedElements({ flatten: true }).length > 0
   }
+  return false
+}
+
+const hasSlottedNodes = (el: HTMLElement, name?: string): boolean => {
+  const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
+
   const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
   if (slot) {
     return slot.assignedNodes().length > 0
@@ -10,6 +18,18 @@ const hasSlottedElements = (el: HTMLElement, name?: string): boolean => {
   return false
 }
 
+const hasSlotted = (el: HTMLElement, name?: string): boolean => {
+  const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
+
+  const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
+  if (slot) {
+    return slot.assignedNodes().length > 0 || slot.assignedElements().length > 0
+  }
+  return false
+}
+
 export {
   hasSlottedElements,
+  hasSlottedNodes,
+  hasSlotted,
 }

package/src/components/mds-table-row/css/mds-table-row-actions.css

@@ -13,10 +13,13 @@
 
   align-items: center;
   background-color: var(--mds-table-row-actions-background);
+  border-bottom-left-radius: calc(theme('borderRadius.lg') + var(--mds-table-border-width) * 2);
+  border-top-left-radius: calc(theme('borderRadius.lg') + var(--mds-table-border-width) * 2);
   display: inline-flex;
   gap: var(--mds-table-row-actions-gap);
   inset: 0;
   margin-right: 100%;
+  padding: calc(var(--mds-table-border-width) * 2);
   padding-right: 0;
   pointer-events: auto;
   position: sticky;
@@ -31,7 +34,6 @@
   transform: translateX(100%);
 }
 
-
 :host([overlay-actions]) .actions {
   padding-right: var(--mds-table-cell-padding);
   transform: translateX(100%);
@@ -43,3 +45,17 @@
 
   transform: translateX(0);
 }
+
+:host(:hover):host-context(mds-table[interactive="false"]) .actions,
+:host(:hover):host-context(mds-table:not([interactive])) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background-hover);
+}
+
+:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,
+:host(:not([selected]):hover):host-context(mds-table[selection][interactive="false"]) .actions,
+:host([selected="false"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,
+:host([selected="false"]:hover):host-context(mds-table[selection][interactive="false"]) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background-alt);
+}

package/src/dictionary/tree.ts

@@ -0,0 +1,21 @@
+const treeActionsDictionary = [
+  'auto',
+  'visible',
+]
+
+const treeAppearanceDictionary = [
+  'depth',
+  'none',
+]
+
+const treeIconDictionary = [
+  'folder',
+  'chevron',
+]
+
+export {
+  treeActionsDictionary,
+  treeAppearanceDictionary,
+  treeIconDictionary,
+}
+

package/src/fixtures/icons.json

@@ -7,6 +7,10 @@
     "mdi/dots-vertical",
     "mdi/email",
     "mdi/file-document-remove-outline",
+    "mdi/file-download-outline",
+    "mdi/file-upload-outline",
+    "mdi/folder-open",
+    "mdi/handshake",
     "mdi/harddisk",
     "mdi/license",
     "mdi/map-marker",
@@ -44,6 +48,7 @@
     "mgg/ai-status-processing",
     "mgg/ai-status-suspended",
     "mgg/alerts-pagopa",
+    "mgg/anagrafe-nazionale",
     "mgg/anpr",
     "mgg/ansc",
     "mgg/area-edificabile",
@@ -68,6 +73,7 @@
     "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
+    "mgg/cash-register-settings",
     "mgg/check-small",
     "mgg/checklist",
     "mgg/checklist-settings",
@@ -164,7 +170,9 @@
     "mgg/home-hammer",
     "mgg/home-link",
     "mgg/home-number",
+    "mgg/inad",
     "mgg/inagibile",
+    "mgg/inps",
     "mgg/input-calendar-costs",
     "mgg/input-calendar-period",
     "mgg/input-calendar-time",
@@ -237,7 +245,9 @@
     "mgg/places-park",
     "mgg/places-park-alt",
     "mgg/places-store-access-denied",
+    "mgg/pos",
     "mgg/property-owner",
+    "mgg/registro-imprese",
     "mgg/relevance",
     "mgg/reporting-abuse",
     "mgg/residency-permit",
@@ -332,21 +342,27 @@
     "mi/baseline/check-box",
     "mi/baseline/check-box-outline-blank",
     "mi/baseline/check-circle",
+    "mi/baseline/chevron-right",
     "mi/baseline/close",
     "mi/baseline/contrast",
     "mi/baseline/css",
     "mi/baseline/dark-mode",
     "mi/baseline/delete",
     "mi/baseline/description",
+    "mi/baseline/desk",
     "mi/baseline/directions-run",
     "mi/baseline/directions-walk",
     "mi/baseline/done",
     "mi/baseline/downhill-skiing",
+    "mi/baseline/draw",
     "mi/baseline/eco",
     "mi/baseline/email",
     "mi/baseline/error",
     "mi/baseline/explore",
+    "mi/baseline/favorite",
+    "mi/baseline/favorite-border",
     "mi/baseline/file-download-done",
+    "mi/baseline/folder",
     "mi/baseline/folder-zip",
     "mi/baseline/horizontal-rule",
     "mi/baseline/indeterminate-check-box",
@@ -356,9 +372,12 @@
     "mi/baseline/keyboard-arrow-up",
     "mi/baseline/light-mode",
     "mi/baseline/local-activity",
+    "mi/baseline/location-city",
     "mi/baseline/lock-open",
     "mi/baseline/login",
     "mi/baseline/logout",
+    "mi/baseline/meeting-room",
+    "mi/baseline/more-vert",
     "mi/baseline/navigate-next",
     "mi/baseline/panorama",
     "mi/baseline/person",
@@ -376,6 +395,7 @@
     "mi/baseline/terminal",
     "mi/baseline/timer",
     "mi/baseline/tv",
+    "mi/baseline/unfold-less",
     "mi/baseline/unfold-more",
     "mi/baseline/videocam",
     "mi/baseline/visibility",

package/src/fixtures/iconsauce.json

@@ -31,6 +31,7 @@
     "mgg/ai-status-processing",
     "mgg/ai-status-suspended",
     "mgg/alerts-pagopa",
+    "mgg/anagrafe-nazionale",
     "mgg/anpr",
     "mgg/ansc",
     "mgg/area-edificabile",
@@ -55,6 +56,7 @@
     "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
+    "mgg/cash-register-settings",
     "mgg/check-small",
     "mgg/checklist-settings",
     "mgg/checklist",
@@ -151,7 +153,9 @@
     "mgg/home-hammer",
     "mgg/home-link",
     "mgg/home-number",
+    "mgg/inad",
     "mgg/inagibile",
+    "mgg/inps",
     "mgg/input-calendar-costs",
     "mgg/input-calendar-period",
     "mgg/input-calendar-time",
@@ -224,7 +228,9 @@
     "mgg/places-park-alt",
     "mgg/places-park",
     "mgg/places-store-access-denied",
+    "mgg/pos",
     "mgg/property-owner",
+    "mgg/registro-imprese",
     "mgg/relevance",
     "mgg/reporting-abuse",
     "mgg/residency-permit",

package/src/type/tree.ts

@@ -0,0 +1,12 @@
+export type TreeAppearance =
+  | 'none'
+  | 'depth'
+
+export type TreeIcon =
+  | 'folder'
+  | 'chevron'
+
+
+export type TreeActions =
+  | 'auto'
+  | 'visible'

package/www/build/mds-table-row.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-953317ff.js";export{s as setNonce}from"./p-953317ff.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-883b6082",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],e))));
+import{p as a,b as e}from"./p-22d4881a.js";export{s as setNonce}from"./p-22d4881a.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-12e458ac",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],a))));

package/www/build/mds-table-row.js

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-ca6821e0.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-11048c96.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/www/build/p-11048c96.system.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-88f814c9.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-95fc715e.system",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],n)]}}))}))}))}}}));

package/www/build/p-12e458ac.entry.js

@@ -0,0 +1,6 @@
+import{r as t,h as n,H as e,g as r}from"./p-22d4881a.js";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var i={exports:{}};i.exports=function(){
+/*!
+   * mustache.js - Logic-less {{mustache}} templates with JavaScript
+   * http://github.com/janl/mustache.js
+   */
+var t=Object.prototype.toString,n=Array.isArray||function(n){return"[object Array]"===t.call(n)};function e(t){return"function"==typeof t}function r(t){return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function i(t,n){return null!=t&&"object"==typeof t&&n in t}var o=RegExp.prototype.test;var s=/\S/;function a(t){return!function(t,n){return o.call(t,n)}(s,t)}var c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};var l=/\s*/,d=/\s+/,h=/\s*=/,f=/\s*\}/,u=/#|\^|\/|>|\{|&|=|!/;function b(t){this.string=t,this.tail=t,this.pos=0}function m(t,n){this.view=t,this.cache={".":this.view},this.parent=n}function v(){this.templateCache={_cache:{},set:function(t,n){this._cache[t]=n},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}b.prototype.eos=function(){return""===this.tail},b.prototype.scan=function(t){var n=this.tail.match(t);if(!n||0!==n.index)return"";var e=n[0];return this.tail=this.tail.substring(e.length),this.pos+=e.length,e},b.prototype.scanUntil=function(t){var n,e=this.tail.search(t);switch(e){case-1:n=this.tail,this.tail="";break;case 0:n="";break;default:n=this.tail.substring(0,e),this.tail=this.tail.substring(e)}return this.pos+=n.length,n},m.prototype.push=function(t){return new m(t,this)},m.prototype.lookup=function(t){var n,r,o,s=this.cache;if(s.hasOwnProperty(t))n=s[t];else{for(var a,c,l,d=this,h=!1;d;){if(t.indexOf(".")>0)for(a=d.view,c=t.split("."),l=0;null!=a&&l<c.length;)l===c.length-1&&(h=i(a,c[l])||(o=c[l],null!=(r=a)&&"object"!=typeof r&&r.hasOwnProperty&&r.hasOwnProperty(o))),a=a[c[l++]];else a=d.view[t],h=i(d.view,t);if(h){n=a;break}d=d.parent}s[t]=n}return e(n)&&(n=n.call(this.view)),n},v.prototype.clearCache=function(){void 0!==this.templateCache&&this.templateCache.clear()},v.prototype.parse=function(t,e){var i=this.templateCache,o=t+":"+(e||w.tags).join(":"),s=void 0!==i,c=s?i.get(o):void 0;return null==c&&(c=function(t,e){if(!t)return[];var i,o,s,c=!1,m=[],v=[],g=[],p=!1,k=!1,y="",x=0;function R(){if(p&&!k)for(;g.length;)delete v[g.pop()];else g=[];p=!1,k=!1}function j(t){if("string"==typeof t&&(t=t.split(d,2)),!n(t)||2!==t.length)throw new Error("Invalid tags: "+t);i=new RegExp(r(t[0])+"\\s*"),o=new RegExp("\\s*"+r(t[1])),s=new RegExp("\\s*"+r("}"+t[1]))}j(e||w.tags);for(var E,S,X,z,C,D,L=new b(t);!L.eos();){if(E=L.pos,X=L.scanUntil(i))for(var T=0,U=X.length;T<U;++T)a(z=X.charAt(T))?(g.push(v.length),y+=z):(k=!0,c=!0,y+=" "),v.push(["text",z,E,E+1]),E+=1,"\n"===z&&(R(),y="",x=0,c=!1);if(!L.scan(i))break;if(p=!0,S=L.scan(u)||"name",L.scan(l),"="===S?(X=L.scanUntil(h),L.scan(h),L.scanUntil(o)):"{"===S?(X=L.scanUntil(s),L.scan(f),L.scanUntil(o),S="&"):X=L.scanUntil(o),!L.scan(o))throw new Error("Unclosed tag at "+L.pos);if(C=">"==S?[S,X,E,L.pos,y,x,c]:[S,X,E,L.pos],x++,v.push(C),"#"===S||"^"===S)m.push(C);else if("/"===S){if(!(D=m.pop()))throw new Error('Unopened section "'+X+'" at '+E);if(D[1]!==X)throw new Error('Unclosed section "'+D[1]+'" at '+E)}else"name"===S||"{"===S||"&"===S?k=!0:"="===S&&j(X)}if(R(),D=m.pop())throw new Error('Unclosed section "'+D[1]+'" at '+L.pos);return function(t){for(var n,e=[],r=e,i=[],o=0,s=t.length;o<s;++o)switch((n=t[o])[0]){case"#":case"^":r.push(n),i.push(n),r=n[4]=[];break;case"/":i.pop()[5]=n[2],r=i.length>0?i[i.length-1][4]:e;break;default:r.push(n)}return e}(function(t){for(var n,e,r=[],i=0,o=t.length;i<o;++i)(n=t[i])&&("text"===n[0]&&e&&"text"===e[0]?(e[1]+=n[1],e[3]=n[3]):(r.push(n),e=n));return r}(v))}(t,e),s&&i.set(o,c)),c},v.prototype.render=function(t,n,e,r){var i=this.getConfigTags(r),o=this.parse(t,i),s=n instanceof m?n:new m(n,void 0);return this.renderTokens(o,s,e,t,r)},v.prototype.renderTokens=function(t,n,e,r,i){for(var o,s,a,c="",l=0,d=t.length;l<d;++l)a=void 0,"#"===(s=(o=t[l])[0])?a=this.renderSection(o,n,e,r,i):"^"===s?a=this.renderInverted(o,n,e,r,i):">"===s?a=this.renderPartial(o,n,e,i):"&"===s?a=this.unescapedValue(o,n):"name"===s?a=this.escapedValue(o,n,i):"text"===s&&(a=this.rawValue(o)),void 0!==a&&(c+=a);return c},v.prototype.renderSection=function(t,r,i,o,s){var a=this,c="",l=r.lookup(t[1]);if(l){if(n(l))for(var d=0,h=l.length;d<h;++d)c+=this.renderTokens(t[4],r.push(l[d]),i,o,s);else if("object"==typeof l||"string"==typeof l||"number"==typeof l)c+=this.renderTokens(t[4],r.push(l),i,o,s);else if(e(l)){if("string"!=typeof o)throw new Error("Cannot use higher-order sections without the original template");null!=(l=l.call(r.view,o.slice(t[3],t[5]),(function(t){return a.render(t,r,i,s)})))&&(c+=l)}else c+=this.renderTokens(t[4],r,i,o,s);return c}},v.prototype.renderInverted=function(t,e,r,i,o){var s=e.lookup(t[1]);if(!s||n(s)&&0===s.length)return this.renderTokens(t[4],e,r,i,o)},v.prototype.indentPartial=function(t,n,e){for(var r=n.replace(/[^ \t]/g,""),i=t.split("\n"),o=0;o<i.length;o++)i[o].length&&(o>0||!e)&&(i[o]=r+i[o]);return i.join("\n")},v.prototype.renderPartial=function(t,n,r,i){if(r){var o=this.getConfigTags(i),s=e(r)?r(t[1]):r[t[1]];if(null!=s){var a=t[4],c=s;0==t[5]&&a&&(c=this.indentPartial(s,a,t[6]));var l=this.parse(c,o);return this.renderTokens(l,n,r,c,i)}}},v.prototype.unescapedValue=function(t,n){var e=n.lookup(t[1]);if(null!=e)return e},v.prototype.escapedValue=function(t,n,e){var r=this.getConfigEscape(e)||w.escape,i=n.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===w.escape?String(i):r(i)},v.prototype.rawValue=function(t){return t[1]},v.prototype.getConfigTags=function(t){return n(t)?t:t&&"object"==typeof t?t.tags:void 0},v.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!n(t)?t.escape:void 0};var w={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){g.templateCache=t},get templateCache(){return g.templateCache}},g=new v;return w.clearCache=function(){return g.clearCache()},w.parse=function(t,n){return g.parse(t,n)},w.render=function(t,e,r,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+((n(o=t)?"array":typeof o)+'" was given as the first argument for mustache#render(template, view, partials)'));var o;return g.render(t,e,r,i)},w.escape=function(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return c[t]}))},w.Scanner=b,w.Context=m,w.Writer=v,w}();class o{constructor(t){this.rollbackLanguage="en",this.set=t=>{this.config=t},this.lang=t=>(this.element=t,this.closestElement=this.element.closest("[lang]"),this.closestElement&&this.closestElement.lang?(this.language=this.closestElement.lang,this.language):(this.language=this.rollbackLanguage,this.language)),this.update=t=>{const n=null!=t?t:this.element.shadowRoot;n&&n.querySelectorAll("*").forEach((t=>{t.tagName.toLowerCase().startsWith("mds-")&&t&&"updateLang"in t&&t.updateLang()}))},this.pluralize=(t,n)=>{const e=this.config[this.language]?this.config[this.language][t]:this.config[this.rollbackLanguage][t],r=[];Array.isArray(e)?(r.push(e[0]),r.push(e[1])):(r.push(e),r.push(e));const[o]=r;let s=o;const a=Object.keys(n);if(a.length>0){const[t]=a;"number"==typeof n[t]&&1!==n[t]&&(s=r[1])}return i.exports.render(s,n)},this.get=(t,n)=>n?this.pluralize(t,n):this.config[this.language]?this.config[this.language][t]:this.config[this.rollbackLanguage][t],t&&this.set(t)}}const s={selectRow:"Επιλογή γραμμής",unselectRow:"Αποεπιλογή γραμμής"},a={selectRow:"Select row",unselectRow:"Deselect row"},c={selectRow:"Seleccionar fila",unselectRow:"Deseleccionar fila"},l={selectRow:"Seleziona riga",unselectRow:"Deseleziona riga"},d=class{constructor(n){t(this,n),this.t=new o({el:s,en:a,es:c,it:l}),this.selectable=void 0,this.handleSelectionChange=t=>{var n;this.selected=t.detail.checked,null===(n=this.host.closest("mds-table"))||void 0===n||n.updateSelection()}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host),this.hasActions=null!==this.host.querySelector('[slot="action"]')}componentDidLoad(){var t;this.hasActions&&(this.actions=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".actions"),this.sizerWidth=`${this.actions.offsetWidth.toString()}px`)}render(){return n(e,{key:"4905591b94a0af846d25e3cf55fe5805ecec76be",role:"row"},this.selectable&&n("mds-table-cell",{key:"07f8596969f20148250cc42fde0a806435825274",class:"selection-cell"},n("div",{key:"2d0bb74f3f5edaf6180c68a60457b374dcd7a4bd",class:"checkbox-wrapper"},n("mds-input-switch",{key:"e04fafd6a53ed1c6a4208b0317419fe21d08f28e",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),n("slot",{key:"d71c2ec9e675fd8190eeeb7d816a5e2566c6afc4"}),this.hasActions&&n("mds-table-cell",{key:"0ede2c5f98d7541920c4170d70c21f9f61ac93cb",class:"actions-cell"},n("div",{key:"8a097d4b04bd594778f51bedfe438fe1fd3479b3",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),n("div",{key:"31f1fe8d7e4ee01f33f1c6a5b76e23fd875dfd82",class:"actions-view"},n("div",{key:"762785e31a306ba3c1e7654218bdf8cb33044cd3",class:"actions",style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},n("slot",{key:"05ea2b5edc71e58859e55e52c1ab65ca0c5354f8",name:"action"})))))}get host(){return r(this)}};d.style='@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding: calc(var(--mds-table-border-width) * 2);\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive="false"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive="false"]) .actions,\n:host([selected="false"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected="false"]:hover):host-context(mds-table[selection][interactive="false"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{d as mds_table_row}

package/www/build/p-22d4881a.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>{t.set(n.t=e,n)},l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],v=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.o?w(b):f.raf(b))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{$(m),$(y),(p=m.length>0)&&f.raf(b)},w=e=>h().then(e),S=v(y,!0),g=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>P});var O=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},x=(e,t,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!g(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(null,o):o),i=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),H={},D=(e,t)=>null==e||g(e)?e:4&t?"false"!==e&&(""===e||!!e):e,L=e=>n(e).$hostElement$,N=new WeakMap,R=e=>"sc-"+e.$,T=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=W(n);let s=W(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const l=g(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(F);t=t.replace(V,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},U=/\s/,W=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(U):[]),F="Capture",V=RegExp(F+"$"),q=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},s=t.u||{};for(const e of G(Object.keys(l)))e in s||T(o,e,l[e],void 0,n,t.o);for(const e of G(Object.keys(s)))T(o,e,l[e],s[e],n,t.o)};function G(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=!1,B=(e,t,n)=>{const o=t.h[n];let l,s,i=0;if(null!==o.i)l=o.v=a.createTextNode(o.i);else if(l=o.v=a.createElement(o.m),q(null,o,z),o.h)for(i=0;i<o.h.length;++i)s=B(e,o,i),s&&l.appendChild(s);return l["s-hn"]=C,l},I=(e,t,n,o,l,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=B(null,n,l),i&&(o[l].v=i,X(r,i,t)))},J=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},K=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),Q=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,i=t.i;null===i?(("slot"!==t.m||_)&&q(e,t,z),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=o.length-1,m=o[0],y=o[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(K(h,m,l))Q(h,m,l),h=t[++r],m=o[++c];else if(K(d,y,l))Q(d,y,l),d=t[--f],y=o[--p];else if(K(h,y,l))Q(h,y,l),X(e,h.v,d.v.nextSibling),h=t[++r],y=o[--p];else if(K(d,m,l))Q(d,m,l),X(e,d.v,h.v),d=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=B(t&&t[c],n,u):(Q(i,m,l),t[u]=void 0,s=i.v),m=o[++c]):(s=B(t&&t[c],n,c),m=o[++c]),s&&X(h.v.parentNode,s,h.v)}r>f?I(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&J(t,r,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),I(o,null,t,s,0,s.length-1)):!n&&null!==l&&J(l,0,l.length-1)):e.i!==i&&(o.data=i)},X=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Y=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},Z=(e,t)=>{if(e.o|=16,!(4&e.o))return Y(e,e.j),S((()=>ee(e,t)));e.o|=512},ee=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(l=re(o,"componentWillLoad",void 0,n)),te(l,(()=>oe(e,o,t)))},te=(e,t)=>ne(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ne=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,oe=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=R(t),l=r.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,i=N.get(e=e.head||e);if(i||N.set(e,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||a.createElement("style"),s.innerHTML=l;const i=null!=(n=f.k)?n:j(a);if(null!=i&&s.setAttribute("nonce",i),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);le(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},le=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.C||A(null,null),i=(e=>e&&e.m===H)(t)?t:x(null,null,t);if(C=o.tagName,l.M&&(i.u=i.u||{},l.M.map((([e,t])=>i.u[t]=o[e]))),n&&i.u)for(const e of Object.keys(i.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=o[e]);i.m=null,i.o|=4,e.C=i,i.v=s.v=o.shadowRoot||o,_=!!(1&l.o),Q(s,i,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,ce(t),re(n,"componentDidLoad",void 0,t),e.P(t),o||ie()),e.A(t),e.S&&(e.S(),e.S=void 0),512&e.o&&w((()=>Z(e,!1))),e.o&=-517},ie=()=>{ce(a.documentElement),w((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"mds-table-row"}});return e.dispatchEvent(t),t})(u)))},re=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e,o)}},ce=e=>e.setAttribute("hydrated",""),ue=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.H.get(t),r=s.o,c=s.t;o=D(o,l.D[t][0]),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.H.set(t,o),c&&2==(18&r)&&Z(s,!1))},ae=(e,t,o)=>{var l,s;const i=e.prototype;if(t.D){const r=Object.entries(null!=(l=t.D)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.D[e][0]|=2048),r&&(t.D[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.D[e][0]))return((e,t)=>n(this).H.get(t))(0,e);const o=n(this),l=o?o.t:i;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(s){const i=n(this);if(r){const n=32&l?this[e]:i.$hostElement$[e];return void 0===n&&i.H.get(e)?s=i.H.get(e):!i.H.get(e)&&n&&i.H.set(e,n),r.call(this,D(s,l)),void ue(this,e,s=32&l?this[e]:i.$hostElement$[e],t)}{if(!(1&o&&4096&t.D[e][0]))return ue(this,e,s,t),void(1&o&&!i.t&&i.L.then((()=>{4096&t.D[e][0]&&i.t[e]!==i.H.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.H.get(e)&&n&&i.H.set(e,n),i.t[e]=D(s,l),ue(this,e,i.t[e],t)};i.t?n():i.L.then((()=>n()))}}})}else 1&o&&64&l&&Object.defineProperty(i,e,{value(...t){var o;const l=n(this);return null==(o=null==l?void 0:l.N)?void 0:o.then((()=>{var n;return null==(n=l.t)?void 0:n[e](...t)}))}})})),1&o){const o=new Map;i.attributeChangedCallback=function(e,l,s){f.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=t.R)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.R)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,n])=>{var l;const s=n[1]||e;return o.set(s,e),512&n[0]&&(null==(l=t.M)||l.push([e,s])),s}))]))}}return e},fe=(e,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=a.head,v=y.querySelector("meta[charset]"),$=a.createElement("style"),b=[];let w,S=!0;Object.assign(f,o),f.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],$:o[1],D:o[2],T:o[3]};4&l.o&&(g=!0),l.D=o[2],l.M=[];const c=l.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,O:n,H:new Map};o.N=new Promise((e=>o.A=e)),o.L=new Promise((e=>o.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),S?b.push(this):f.jmp((()=>(e=>{if(!(1&f.o)){const t=n(e),o=t.O,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.L)&&t.L.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Y(t,t.j=n);break}}o.D&&Object.entries(o.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){t.o|=32;{const l=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.U;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((e=>(i.set(o,e),e[n])),(e=>{s(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(l&&"then"in l){const e=()=>{};o=await l,e()}else o=l;if(!o)throw Error(`Constructor for "${n.$}#${t.W}" was not found`);o.isProxied||(ae(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){s(t,e)}t.o&=-9,r()}if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=R(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.j,c=()=>Z(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async e=>{if(!(1&f.o)){const t=n(e);(null==t?void 0:t.t)||(null==t?void 0:t.L)&&t.L.then((()=>{}))}N.has(e)&&N.delete(e),e.shadowRoot&&N.has(e.shadowRoot)&&N.delete(e.shadowRoot)})(this))),f.raf((()=>{var e;const t=n(this);(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).L}};l.U=e[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,ae(u,l,1)))}))})),h.length>0&&(g&&($.textContent+=c),$.textContent+=h.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(l=f.k)?l:j(a);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,v?v.nextSibling:y.firstChild)}S=!1,b.length?b.map((e=>e.connectedCallback())):f.jmp((()=>w=setTimeout(ie,30)))},he=e=>f.k=e;export{H,fe as b,L as g,x as h,h as p,o as r,he as s}