npm - @scania/tegel - Versions diffs - 0.0.61 → 0.0.71-beta - Mend

@scania/tegel 0.0.61 → 0.0.71-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1245) hide show

package/dist/tegel/p-c38254c5.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableHeaderCellCss","relevantTableProps","TableHeaderCell","this","sortButtonClick","key","sortingDirection","sortedByMyKey","sddsSortChange","emit","tableId","headerCellContent","sortable","disableSortingBtn","h","class","onClick","columnKey","style","textAlign","textAlignState","columnTitle","fill","xmlns","viewBox","d","onHeadCellHover","internalSddsHover","internalSddsPropChangeListener","event","detail","changed","filter","changedProp","includes","forEach","Error","internalSddsSortingChangeListener","receivedID","receivedSortingStatus","updateOptionsContent","setTimeout","connectedCallback","tableEl","host","closest","componentWillLoad","tablePropName","componentWillRender","internalSddsTextAlign","enableToolbarDesign","getElementsByTagName","length","render","Host","customWidth","compactDesign","verticalDividers","noMinWidth","enableMultiselect","enableExpandableRows","width","onMouseOver","onMouseLeave"],"sources":["./src/components/data-table/table-header-cell/table-header-cell.scss?tag=sdds-header-cell&encapsulation=shadow","./src/components/data-table/table-header-cell/table-header-cell.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__header-cell) {\n @include sdds-box-sizing;\n\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n display: table-cell;\n text-align: left;\n color: var(--sdds-data-table-color);\n background-color: var(--sdds-data-table-header-background);\n border-bottom: 1px solid var(--sdds-data-table-header-background-hover);\n padding: 0;\n height: 48px;\n min-width: 192px;\n box-sizing: border-box;\n vertical-align: middle;\n overflow: hidden;\n transition: background-color 200ms ease;\n\n .sdds-table__header-text {\n padding: 0 16px;\n margin: 0;\n }\n}\n\n:host(.sdds-table__header-cell--sortable) {\n .sdds-table__header-button {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: start;\n flex-direction: row;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n transition: background-color 200ms ease;\n\n &:focus {\n outline: 2px solid var(--sdds-data-table-header-btn-focus);\n outline-offset: -2px;\n\n .sdds-table__header-button-icon {\n opacity: 1;\n }\n }\n\n .sdds-table__header-button-text {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n text-align: left;\n color: var(--sdds-data-table-header-btn-color);\n }\n\n .sdds-table__header-button-icon {\n /* not to shrink on lot of text */\n flex: 0 0 16px;\n height: 16px;\n opacity: 0;\n transform-origin: center;\n transition: opacity 200ms ease-in, transform 200ms ease;\n fill: var(--sdds-data-table-color);\n }\n\n &:hover {\n .sdds-table__header-button-icon {\n opacity: 1;\n }\n }\n }\n}\n\n:host(.sdds-table__header-cell--right-align) {\n .sdds-table__header-button {\n text-align: right;\n justify-content: end;\n flex-direction: row-reverse;\n }\n}\n\n:host(.sdds-table__header-cell--is-sorted) {\n .sdds-table__header-button {\n background-color: var(--sdds-data-table-header-btn-background);\n\n &:hover {\n background-color: var(--sdds-data-table-header-btn-background-hover);\n }\n\n .sdds-table__header-button-icon {\n opacity: 1;\n }\n\n .sdds-table__header-button-icon--rotate {\n transform: rotate(180deg);\n }\n }\n}\n\n:host(.sdds-table--compact) {\n height: 33px;\n}\n\n:host(.sdds-table--divider) {\n border-right: 1px solid var(--sdds-data-table-divider);\n}\n\n:host(.sdds-table--divider:last-of-type) {\n border-right: none;\n}\n\n:host(.sdds-table--no-min-width) {\n min-width: unset;\n}\n\n// border-radius style control\n// it depends id multiselect si on or off, same for if toolbar is there or not\n:host(.sdds-table__header-cell:first-of-type) {\n border-top-left-radius: 4px;\n}\n\n:host(.sdds-table__header-cell:last-of-type) {\n border-top-right-radius: 4px;\n}\n\n:host(.sdds-table--extra-column:first-of-type) {\n border-top-left-radius: 0;\n}\n\n:host(.sdds-table--toolbar-available) {\n border-radius: 0;\n}\n\n:host(.sdds-table--extra-column.sdds-table--toolbar-available) {\n border-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:first-of-type) {\n border-top-left-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:last-of-type) {\n border-top-right-radius: 0;\n}\n","import {\n Component,\n Prop,\n h,\n Host,\n Event,\n EventEmitter,\n State,\n Listen,\n Element,\n} from '@stencil/core';\nimport { InternalSddsTablePropChange } from '../table/table';\n\nconst relevantTableProps: InternalSddsTablePropChange['changed'] = [\n 'enableMultiselect',\n 'enableExpandableRows',\n 'compactDesign',\n 'noMinWidth',\n 'verticalDividers',\n];\n\n@Component({\n tag: 'sdds-header-cell',\n styleUrl: 'table-header-cell.scss',\n shadow: true,\n})\nexport class TableHeaderCell {\n /** Value of column key, usually comes from JSON, needed for sorting */\n @Prop({ reflect: true }) columnKey: string;\n\n /** Text that displays in column cell */\n @Prop({ reflect: true }) columnTitle: string;\n\n /** In case noMinWidth setting, user has to specify width value for each column, for example \"150px\" */\n @Prop({ reflect: true }) customWidth: string;\n\n /** If passed as prop, enables sorting on that column */\n @Prop() sortable: boolean = false;\n\n /** Setting for text align, default is left, but user can pass \"right\" as string - useful for numeric values */\n @Prop({ reflect: true }) textAlign: string;\n\n @State() textAlignState: string;\n\n @State() sortingDirection: string = '';\n\n @State() sortedByMyKey: boolean = false;\n\n @State() disableSortingBtn: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() enableMultiselect: boolean = false;\n\n @State() enableToolbarDesign: boolean = false;\n\n @State() tableId: string = '';\n\n @State() enableExpandableRows: boolean = false;\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n /** Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic. */\n @Event({\n eventName: 'sddsSortChange',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n sddsSortChange: EventEmitter<any>;\n\n /** @internal Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */\n @Event({\n eventName: 'internalSddsTextAlign',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsTextAlign: EventEmitter<any>;\n\n /** @internal Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */\n @Event({\n eventName: 'internalSddsHover',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsHover: EventEmitter<any>;\n\n @Listen('internalSddsPropChange', { target: 'body' })\n internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n // Listen to parent data-table if sorting is allowed\n @Listen('internalSddsSortingChange', { target: 'body' })\n internalSddsSortingChangeListener(event: CustomEvent<any>) {\n const [receivedID, receivedSortingStatus] = event.detail;\n if (this.tableId === receivedID) {\n this.disableSortingBtn = receivedSortingStatus;\n }\n }\n\n // target is set to body so other instances of same component \"listen\" and react to the change\n @Listen('sddsSortChange', { target: 'body' })\n updateOptionsContent(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) {\n // grab only value at position 1 as it is the \"key\"\n if (this.columnKey !== event.detail[1]) {\n this.sortedByMyKey = false;\n // To sync with CSS transition timing\n setTimeout(() => {\n this.sortingDirection = '';\n }, 200);\n }\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n }\n\n componentWillRender() {\n // enable only right or left text align\n if (this.textAlign === 'right' || this.textAlign === 'end') {\n this.textAlignState = 'right';\n } else {\n this.textAlignState = 'left';\n }\n // To enable body cells text align per rules set in head cell\n this.internalSddsTextAlign.emit([this.tableId, this.columnKey, this.textAlignState]);\n\n this.enableToolbarDesign =\n this.host.closest('sdds-table').getElementsByTagName('sdds-table-toolbar').length >= 1;\n }\n\n sortButtonClick = (key) => {\n // Toggling direction of sorting as we only use one button for sorting\n if (this.sortingDirection !== 'asc') {\n this.sortingDirection = 'asc';\n } else {\n this.sortingDirection = 'desc';\n }\n // Setting to true we can set enable CSS class for \"active\" state of column\n this.sortedByMyKey = true;\n // Use array to send both key and sorting direction\n this.sddsSortChange.emit([this.tableId, key, this.sortingDirection]);\n };\n\n headerCellContent = () => {\n if (this.sortable && !this.disableSortingBtn) {\n return (\n <button\n class=\"sdds-table__header-button\"\n onClick={() => this.sortButtonClick(this.columnKey)}\n >\n <span class=\"sdds-table__header-button-text\" style={{ textAlign: this.textAlignState }}>\n {this.columnTitle}\n </span>\n\n {this.sortingDirection === '' && (\n <svg\n class=\"sdds-table__header-button-icon\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 12 15\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z\"\n />\n </svg>\n )}\n {/* First icon is arrow down as first set direction is ascending, clicking it again rotates the icon as we set descending order */}\n {this.sortingDirection !== '' && (\n <svg\n class={`sdds-table__header-button-icon ${\n this.sortingDirection === 'desc' ? 'sdds-table__header-button-icon--rotate' : ''\n }`}\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z\"\n />\n </svg>\n )}\n </button>\n );\n }\n return (\n <p class=\"sdds-table__header-text\" style={{ textAlign: this.textAlignState }}>\n {this.columnTitle}\n </p>\n );\n };\n\n onHeadCellHover = (key) => {\n this.internalSddsHover.emit([this.tableId, key]);\n };\n\n render() {\n return (\n <Host\n class={{\n 'sdds-table__header-cell': true,\n 'sdds-table__header-cell--sortable': this.sortable,\n 'sdds-table__header-cell--is-sorted': this.sortedByMyKey,\n 'sdds-table__header-cell--custom-width': this.customWidth !== '',\n 'sdds-table__header-cell--right-align': this.textAlignState === 'right',\n 'sdds-table--compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-table--no-min-width': this.noMinWidth,\n 'sdds-table--extra-column': this.enableMultiselect || this.enableExpandableRows,\n 'sdds-table--toolbar-available': this.enableToolbarDesign,\n }}\n style={{ width: this.customWidth }}\n // Calling actions from here to enable hover functionality for both sortable and un-sortable tables\n onMouseOver={() => this.onHeadCellHover(this.columnKey)}\n onMouseLeave={() => this.onHeadCellHover('')}\n >\n {this.headerCellContent()}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-c453397e.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as e,H as o,g as r}from"./p-0a99765f.js";import{i as t}from"./p-5e9e9d8a.js";const d=":host{opacity:0;transition:opacity 0.15s ease}:host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--sdds-sidebar-side-menu-background-cover);font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--sdds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--sdds-sidebar-side-menu-single-subitem-selected-border-color)}";const i=class{constructor(e){s(this,e)}render(){const s=Object.assign({"aria-label":"Close"},t(this.host));return e(o,null,e("button",Object.assign({},s),e("sdds-icon",{name:"cross",size:"20px"})))}get host(){return r(this)}};i.style=d;export{i as sdds_side_menu_close_button};
2	- //# sourceMappingURL=p-c453397e.entry.js.map

package/dist/tegel/p-c453397e.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sideMenuCloseButtonCss","SideMenuCloseButton","render","buttonProps","Object","assign","inheritAriaAttributes","this","host","h","Host","name","size"],"sources":["./src/components/side-menu/webcomponent/side-menu-close-button/side-menu-close-button.scss?tag=sdds-side-menu-close-button&encapsulation=shadow","./src/components/side-menu/webcomponent/side-menu-close-button/side-menu-close-button.tsx"],"sourcesContent":[":host {\n opacity: 0;\n transition: opacity 0.15s ease;\n\n button {\n height: 64px;\n width: 100%;\n text-align: left;\n padding: 0 24px;\n border: none;\n background-color: var(--sdds-sidebar-side-menu-background-cover);\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-sidebar-side-menu-single-item-color);\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top);\n\n &:hover {\n cursor: pointer;\n background-color: var(--sdds-sidebar-item-state-hover);\n }\n\n &:focus-visible {\n cursor: pointer;\n border: 1px solid var(--sdds-sidebar-side-menu-single-subitem-selected-border-color);\n }\n }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\nimport { inheritAriaAttributes } from '../../../../utils/utils';\n\n@Component({\n tag: 'sdds-side-menu-close-button',\n styleUrl: 'side-menu-close-button.scss',\n shadow: true,\n})\nexport class SideMenuCloseButton {\n @Element() host: HTMLElement;\n\n render() {\n const buttonProps = {\n 'aria-label': 'Close',\n ...inheritAriaAttributes(this.host),\n };\n return (\n <Host>\n <button {...buttonProps}>\n <sdds-icon name=\"cross\" size=\"20px\"></sdds-icon>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAyB,goB,MCQlBC,EAAmB,M,yBAG9BC,SACE,MAAMC,EAAWC,OAAAC,OAAA,CACf,aAAc,SACXC,EAAsBC,KAAKC,OAEhC,OACEC,EAACC,EAAI,KACHD,EAAA,SAAAL,OAAAC,OAAA,GAAYF,GACVM,EAAA,aAAWE,KAAK,QAAQC,KAAK,U"}

package/dist/tegel/p-c85464ab.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as t,h as e,H as i,g as r}from"./p-0a99765f.js";const h=":host,sdds-table-body{box-sizing:border-box;display:table-row-group}:host ,sdds-table-body {box-sizing:border-box}:host .sdds-table__info-message,sdds-table-body .sdds-table__info-message{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--sdds-data-table-color);padding:var(--sdds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}";const a=[{truck:"L-series",driver:"Sonya Bruce",country:"Brazil",mileage:123987},{truck:"P-series",driver:"Guerra Bowman",country:"Sweden",mileage:2000852},{truck:"G-series",driver:"Ferrell Wallace",country:"Germany",mileage:564},{truck:"R-series",driver:"Cox Burris",country:"Spain",mileage:1789357},{truck:"S-series",driver:"Montgomery Cervantes",country:"Croatia",mileage:65},{truck:"L-series",driver:"Sheryl Nielsen",country:"Greece",mileage:365784},{truck:"G-series",driver:"Benton Gomez",country:"France",mileage:80957}];const o=["enableMultiselect","enableExpandableRows"];const l=class{constructor(e){s(this,e);this.internalSddsSortingChange=t(this,"internalSddsSortingChange",6);this.internalSddsCheckboxChange=t(this,"internalSddsCheckboxChange",6);this.internalSddsMainCheckboxChange=t(this,"internalSddsMainCheckboxChange",6);this.uncheckAll=()=>{this.mainCheckboxStatus=false;this.internalSddsMainCheckboxChange.emit([this.tableId,this.mainCheckboxStatus]);this.internalSddsCheckboxChange.emit([this.tableId,this.mainCheckboxStatus])};this.selectedDataExporter=()=>{const s=this.host.getElementsByClassName("sdds-table__row--selected");this.multiselectArray=[];for(let t=0;t<s.length;t++){const e=s[t].getElementsByTagName("sdds-body-cell");const i={};for(let s=0;s<e.length;s++){const t=e[s].getAttribute("cell-key");const r=e[s].getAttribute("cell-value");i[t]=r}this.multiselectArray.push(i)}this.multiselectArrayJSON=JSON.stringify(this.multiselectArray)};this.bodyCheckBoxClicked=()=>{const s=this.host.getElementsByClassName("sdds-table__row").length;const t=this.host.getElementsByClassName("sdds-table__row--selected").length;this.mainCheckboxStatus=s===t;this.internalSddsMainCheckboxChange.emit([this.tableId,this.mainCheckboxStatus]);this.selectedDataExporter()};this.disableFilteringFunction=false;this.disableSortingFunction=false;this.bodyData=undefined;this.enableDummyData=false;this.jsonData=JSON.stringify(a);this.rowsPerPage=1;this.enableMultiselect=false;this.enablePaginationTableBody=false;this.enableExpandableRows=true;this.innerBodyData=[];this.bodyDataManipulated=[];this.bodyDataOriginal=[];this.multiselectArray=[];this.multiselectArrayJSON=undefined;this.mainCheckboxStatus=false;this.columnsNumber=0;this.disableAllSorting=false;this.numberOfPages=0;this.paginationValue=1;this.tempPaginationDisable=false;this.showNoResultsMessage=false;this.tableId=""}arrayDataWatcher(s){if(typeof s==="string"){this.innerBodyData=JSON.parse(s)}else{this.innerBodyData=s}this.bodyDataManipulated=[...this.innerBodyData];this.bodyDataOriginal=[...this.innerBodyData]}internalSddsPropChangeListener(s){if(this.tableId===s.detail.tableId){s.detail.changed.filter((s=>o.includes(s))).forEach((t=>{if(typeof this[t]==="undefined"){throw new Error(`Table prop is not supported: ${t}`)}this[t]=s.detail[t]}))}}static compareValues(s,t="asc"){return function e(i,r){if(!i.hasOwnProperty(s)\|\|!r.hasOwnProperty(s)){return 0}const h=typeof i[s]==="string"?i[s].toUpperCase():i[s];const a=typeof r[s]==="string"?r[s].toUpperCase():r[s];let o=0;if(h>a){o=1}else if(h<a){o=-1}return t==="desc"?o*-1:o}}sortData(s,t){if(!this.disableSortingFunction){if(this.enableMultiselect){this.uncheckAll()}this.bodyDataManipulated=[...this.bodyDataManipulated];this.bodyDataManipulated.sort(l.compareValues(s,t))}}updateOptionsContent(s){const[t,e,i]=s.detail;if(this.tableId===t){this.sortData(e,i)}}headCheckboxListener(s){if(this.tableId===s.detail[0]){[,this.mainCheckboxStatus]=s.detail;this.selectedDataExporter()}}bodyCheckboxListener(){this.bodyCheckBoxClicked()}searchFunction(s){if(!this.disableFilteringFunction){const t=this.host.querySelectorAll("sdds-table-body-row");if(s.length>0){if(this.enablePaginationTableBody){this.tempPaginationDisable=true}t.forEach((t=>{const e=t.querySelectorAll("sdds-body-cell");const i=[];e.forEach((s=>{const t=s.getAttribute("cell-value").toLowerCase();i.push(t)}));const r=i.find((t=>t.includes(s)));if(r){t.classList.remove("sdds-table__row--hidden")}else{t.classList.add("sdds-table__row--hidden")}}));this.disableAllSorting=true;this.internalSddsSortingChange.emit([this.tableId,this.disableAllSorting]);const e=this.host.querySelectorAll(".sdds-table__row--hidden");this.showNoResultsMessage=e.length===t.length}else{if(this.enablePaginationTableBody){this.tempPaginationDisable=false}if(this.enablePaginationTableBody);else{t.forEach((s=>{s.classList.remove("sdds-table__row--hidden")}))}this.disableAllSorting=false;this.internalSddsSortingChange.emit([this.tableId,this.disableAllSorting])}}}sddsFilterListener(s){if(this.tableId===s.detail[0]){this.searchFunction(s.detail[1])}}connectedCallback(){this.tableEl=this.host.closest("sdds-table");this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((s=>{this[s]=this.tableEl[s]}));if(this.enableDummyData){this.bodyData=this.jsonData}else if(this.bodyData){this.arrayDataWatcher(this.bodyData)}}componentWillRender(){const s=this.host.parentElement.querySelector("sdds-table-header").children.length;if(this.enableMultiselect\|\|this.enableExpandableRows){this.columnsNumber=s+1}else{this.columnsNumber=s}}render(){return e(i,{"data-selected-rows":this.multiselectArrayJSON},this.bodyDataManipulated.map((s=>e("sdds-table-body-row",null,Object.keys(s).map((t=>e("sdds-body-cell",{"cell-key":t,"cell-value":s[t]})))))),this.showNoResultsMessage&&e("tr",null,e("td",{class:"sdds-table__info-message",colSpan:this.columnsNumber},"Unfortunately, no data matches your search term 😕")),e("slot",null))}get host(){return r(this)}static get watchers(){return{bodyData:["arrayDataWatcher"]}}};l.style=h;export{l as sdds_table_body};
2	- //# sourceMappingURL=p-c85464ab.entry.js.map

package/dist/tegel/p-c85464ab.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableBodyCss","jsonData","truck","driver","country","mileage","relevantTableProps","TableBody","this","uncheckAll","mainCheckboxStatus","internalSddsMainCheckboxChange","emit","tableId","internalSddsCheckboxChange","selectedDataExporter","selectedRows","host","getElementsByClassName","multiselectArray","j","length","rowCells","getElementsByTagName","selectedObject","i","currentCellKey","getAttribute","currentCellValue","push","multiselectArrayJSON","JSON","stringify","bodyCheckBoxClicked","numberOfRows","numberOfRowsSelected","arrayDataWatcher","newValue","innerBodyData","parse","bodyDataManipulated","bodyDataOriginal","internalSddsPropChangeListener","event","detail","changed","filter","changedProp","includes","forEach","Error","static","key","order","innerSort","a","b","hasOwnProperty","varA","toUpperCase","varB","comparison","sortData","keyValue","sortingDirection","disableSortingFunction","enableMultiselect","sort","compareValues","updateOptionsContent","receivedID","receivedKeyValue","receivedSortingDirection","headCheckboxListener","bodyCheckboxListener","searchFunction","searchTerm","disableFilteringFunction","dataRowsFiltering","querySelectorAll","enablePaginationTableBody","tempPaginationDisable","item","cells","cellValuesArray","cellItem","cellValue","toLowerCase","matchCounter","find","element","classList","remove","add","disableAllSorting","internalSddsSortingChange","dataRowsHidden","showNoResultsMessage","sddsFilterListener","connectedCallback","tableEl","closest","componentWillLoad","tablePropName","enableDummyData","bodyData","componentWillRender","headerColumnsNo","parentElement","querySelector","children","enableExpandableRows","columnsNumber","render","h","Host","map","row","Object","keys","cellData","class","colSpan"],"sources":["./src/components/data-table/table-body/table-body.scss?tag=sdds-table-body","./src/components/data-table/table-body/table-body.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host,\nsdds-table-body {\n @include sdds-box-sizing;\n\n display: table-row-group;\n\n .sdds-table__info-message {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n display: table-cell;\n box-sizing: border-box;\n color: var(--sdds-data-table-color);\n padding: var(--sdds-spacing-element-16);\n min-width: 192px;\n vertical-align: top;\n background-color: transparent;\n transition: background-color 200ms ease;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\n\nimport { InternalSddsTablePropChange } from '../table/table';\n\nconst jsonData = [\n {\n truck: 'L-series',\n driver: 'Sonya Bruce',\n country: 'Brazil',\n mileage: 123987,\n },\n {\n truck: 'P-series',\n driver: 'Guerra Bowman',\n country: 'Sweden',\n mileage: 2000852,\n },\n {\n truck: 'G-series',\n driver: 'Ferrell Wallace',\n country: 'Germany',\n mileage: 564,\n },\n {\n truck: 'R-series',\n driver: 'Cox Burris',\n country: 'Spain',\n mileage: 1789357,\n },\n {\n truck: 'S-series',\n driver: 'Montgomery Cervantes',\n country: 'Croatia',\n mileage: 65,\n },\n {\n truck: 'L-series',\n driver: 'Sheryl Nielsen',\n country: 'Greece',\n mileage: 365784,\n },\n {\n truck: 'G-series',\n driver: 'Benton Gomez',\n country: 'France',\n mileage: 80957,\n },\n];\n\nconst relevantTableProps: InternalSddsTablePropChange['changed'] = [\n 'enableMultiselect',\n 'enableExpandableRows',\n];\n\n@Component({\n tag: 'sdds-table-body',\n styleUrl: 'table-body.scss',\n shadow: false,\n})\nexport class TableBody {\n /** Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term */\n @Prop() disableFilteringFunction: boolean = false;\n\n /** Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting */\n @Prop() disableSortingFunction: boolean = false;\n\n /** Prop to pass JSON string which enables automatic rendering of table rows and cells */\n @Prop({ mutable: true }) bodyData: any;\n\n /** Prop for showcase of rendering JSON in body-data, just for presentation purposes */\n @Prop() enableDummyData: boolean = false;\n\n @State() jsonData: any = JSON.stringify(jsonData);\n\n @Element() host: HTMLElement;\n\n @State() rowsPerPage: number = 1;\n\n @State() enableMultiselect: boolean = false;\n\n @State() enablePaginationTableBody: boolean = false;\n\n @State() enableExpandableRows: boolean = true;\n\n @State() innerBodyData = [];\n\n @State() bodyDataManipulated = [];\n\n @State() bodyDataOriginal = [];\n\n @State() multiselectArray = [];\n\n @State() multiselectArrayJSON: string;\n\n @State() mainCheckboxStatus: boolean = false;\n\n @State() columnsNumber: number = 0;\n\n @State() disableAllSorting: boolean = false;\n\n @State() numberOfPages: number = 0;\n\n @State() paginationValue: number = 1;\n\n @State() tempPaginationDisable: boolean = false;\n\n @State() showNoResultsMessage: boolean = false;\n\n @State() tableId: string = '';\n\n tableEl: HTMLSddsTableElement;\n\n @Watch('bodyData')\n arrayDataWatcher(newValue: string) {\n if (typeof newValue === 'string') {\n this.innerBodyData = JSON.parse(newValue);\n } else {\n this.innerBodyData = newValue;\n }\n this.bodyDataManipulated = [...this.innerBodyData];\n this.bodyDataOriginal = [...this.innerBodyData];\n }\n\n /** @internal Event that sends unique table identifier and enable/disable status for sorting functionality */\n @Event({\n eventName: 'internalSddsSortingChange',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsSortingChange: EventEmitter<any>;\n\n /** @internal Sends unique table identifier and mainCheckbox status to all rows when multiselect feature is enabled */\n @Event({\n eventName: 'internalSddsCheckboxChange',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsCheckboxChange: EventEmitter<any>;\n\n /** @internal Sends unique table identifier and status if mainCheckbox should change its state based on selection status of single rows when multiselect feature is used */\n @Event({\n eventName: 'internalSddsMainCheckboxChange',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsMainCheckboxChange: EventEmitter<any>;\n\n @Listen('internalSddsTablePropChange', { target: 'body' })\n internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n static compareValues(key, order = 'asc') {\n return function innerSort(a, b) {\n // eslint-disable-next-line no-prototype-builtins\n if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {\n // property doesn't exist on either object\n return 0;\n }\n\n const varA = typeof a[key] === 'string' ? a[key].toUpperCase() : a[key];\n const varB = typeof b[key] === 'string' ? b[key].toUpperCase() : b[key];\n\n let comparison = 0;\n if (varA > varB) {\n comparison = 1;\n } else if (varA < varB) {\n comparison = -1;\n }\n return order === 'desc' ? comparison * -1 : comparison;\n };\n }\n\n uncheckAll = () => {\n this.mainCheckboxStatus = false;\n this.internalSddsMainCheckboxChange.emit([this.tableId, this.mainCheckboxStatus]);\n this.internalSddsCheckboxChange.emit([this.tableId, this.mainCheckboxStatus]);\n };\n\n sortData(keyValue, sortingDirection) {\n if (!this.disableSortingFunction) {\n if (this.enableMultiselect) {\n // Uncheck all checkboxes as state of checkbox is lost on sorting. Do it only in case multiSelect is True.\n this.uncheckAll();\n }\n\n // use spread operator to make enable sorting and modifying array, same as using .slice()\n this.bodyDataManipulated = [...this.bodyDataManipulated];\n this.bodyDataManipulated.sort(TableBody.compareValues(keyValue, sortingDirection));\n }\n }\n\n // Listen to sortColumnData from data-table-header-element - TODO\n @Listen('sddsSortChange', { target: 'body' })\n updateOptionsContent(event: CustomEvent<any>) {\n const [receivedID, receivedKeyValue, receivedSortingDirection] = event.detail;\n if (this.tableId === receivedID) {\n this.sortData(receivedKeyValue, receivedSortingDirection);\n }\n }\n\n selectedDataExporter = () => {\n const selectedRows = this.host.getElementsByClassName('sdds-table__row--selected');\n\n this.multiselectArray = [];\n for (let j = 0; j < selectedRows.length; j++) {\n const rowCells = selectedRows[j].getElementsByTagName('sdds-body-cell');\n const selectedObject = {};\n for (let i = 0; i < rowCells.length; i++) {\n const currentCellKey = rowCells[i].getAttribute('cell-key');\n const currentCellValue = rowCells[i].getAttribute('cell-value');\n selectedObject[currentCellKey] = currentCellValue;\n }\n this.multiselectArray.push(selectedObject);\n }\n this.multiselectArrayJSON = JSON.stringify(this.multiselectArray);\n };\n\n @Listen('internalSddsMainCheckboxChange', { target: 'body' }) // -\n headCheckboxListener(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) {\n [, this.mainCheckboxStatus] = event.detail;\n this.selectedDataExporter();\n }\n }\n\n bodyCheckBoxClicked = () => {\n const numberOfRows = this.host.getElementsByClassName('sdds-table__row').length;\n\n const numberOfRowsSelected = this.host.getElementsByClassName(\n 'sdds-table__row--selected',\n ).length;\n\n this.mainCheckboxStatus = numberOfRows === numberOfRowsSelected;\n\n this.internalSddsMainCheckboxChange.emit([this.tableId, this.mainCheckboxStatus]);\n\n this.selectedDataExporter();\n };\n\n // No need to read the value, event is here just to trigger another function\n @Listen('internalSddsRowChange', { target: 'body' })\n bodyCheckboxListener() {\n this.bodyCheckBoxClicked();\n }\n\n searchFunction(searchTerm) {\n if (!this.disableFilteringFunction) {\n /*\n // Logic for filtering JSON data on all columns\n // Really nice solution, do not delete, might be needed in future\n // Reason to go with upper one is not to lose selected state on checkboxes\n if (searchTerm.length > 0) {\n this.bodyDataManipulated = this.bodyDataOriginal.filter((option) =>\n Object.keys(option).some(\n (key) =>\n String(option[key] ?? '')\n .toLowerCase()\n .indexOf(searchTerm) >= 0\n )\n );\n } else {\n this.bodyDataManipulated = this.bodyDataOriginal;\n }\n */\n\n // grab all rows in body\n const dataRowsFiltering = this.host.querySelectorAll('sdds-table-body-row');\n\n if (searchTerm.length > 0) {\n if (this.enablePaginationTableBody) {\n this.tempPaginationDisable = true;\n }\n\n dataRowsFiltering.forEach((item) => {\n const cells = item.querySelectorAll('sdds-body-cell');\n const cellValuesArray = [];\n\n // go through cells and save cell-values in array\n cells.forEach((cellItem) => {\n const cellValue = cellItem.getAttribute('cell-value').toLowerCase();\n cellValuesArray.push(cellValue);\n });\n\n // iterate over array of values and see if one matches search string\n const matchCounter = cellValuesArray.find((element) => element.includes(searchTerm));\n\n // if matches, show parent row, otherwise hide the row\n if (matchCounter) {\n item.classList.remove('sdds-table__row--hidden');\n } else {\n item.classList.add('sdds-table__row--hidden');\n }\n });\n\n this.disableAllSorting = true;\n this.internalSddsSortingChange.emit([this.tableId, this.disableAllSorting]);\n\n const dataRowsHidden = this.host.querySelectorAll('.sdds-table__row--hidden');\n\n // If same, info message will be shown\n this.showNoResultsMessage = dataRowsHidden.length === dataRowsFiltering.length;\n } else {\n if (this.enablePaginationTableBody) {\n this.tempPaginationDisable = false;\n }\n\n // Check if pagination is ON in order to prevent showing all rows\n if (this.enablePaginationTableBody) {\n // TODO: EMIT PAGINATION\n } else {\n dataRowsFiltering.forEach((item) => {\n item.classList.remove('sdds-table__row--hidden');\n });\n }\n\n this.disableAllSorting = false;\n this.internalSddsSortingChange.emit([this.tableId, this.disableAllSorting]);\n }\n }\n }\n\n // Listen to sddsFilter from tableToolbar component\n @Listen('sddsFilter', { target: 'body' })\n sddsFilterListener(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) {\n this.searchFunction(event.detail[1]);\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n\n if (this.enableDummyData) {\n this.bodyData = this.jsonData;\n } else if (this.bodyData) {\n this.arrayDataWatcher(this.bodyData);\n }\n }\n\n componentWillRender() {\n const headerColumnsNo =\n this.host.parentElement.querySelector('sdds-table-header').children.length;\n\n // multiselect and expended features requires one extra column for controls...\n if (this.enableMultiselect || this.enableExpandableRows) {\n this.columnsNumber = headerColumnsNo + 1;\n } else {\n this.columnsNumber = headerColumnsNo;\n }\n }\n\n render() {\n return (\n <Host data-selected-rows={this.multiselectArrayJSON}>\n {this.bodyDataManipulated.map((row) => (\n <sdds-table-body-row>\n {Object.keys(row).map((cellData) => (\n <sdds-body-cell cell-key={cellData} cell-value={row[cellData]}></sdds-body-cell>\n ))}\n </sdds-table-body-row>\n ))}\n {this.showNoResultsMessage && (\n <tr>\n <td class=\"sdds-table__info-message\" colSpan={this.columnsNumber}>\n Unfortunately, no data matches your search term 😕\n </td>\n </tr>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-ca10ecb0.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as o,H as s,g as e}from"./p-0a99765f.js";const i=":host{display:block}:host .footer-top-title{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);opacity:var(--sdds-footer-top-title-opacity);color:var(--sdds-footer-top-links);padding-bottom:8px}:host button.footer-top-title-button{display:none;border:none;width:100%;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--sdds-footer-top-divider)}:host button.footer-top-title-button.expanded{border-bottom:none}:host button.footer-top-title-button.expanded sdds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--sdds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host button.footer-top-title-button sdds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].left,:host [role=list].right{gap:24px}:host [role=list].top-part-child{flex-direction:column}@media all and (max-width: 992px){:host [role=list].left:not(.top-part-child){flex-direction:column}:host [role=list].left:not(.top-part-child).left,:host [role=list].left:not(.top-part-child).right{gap:8px}:host [role=list].top-part-child.closed{display:none}:host [role=list].top-part-child{gap:0}:host .footer-top-title{display:none}:host button.footer-top-title-button{display:flex;align-items:center}}";const l=class{constructor(o){t(this,o);this.slotPostion=null;this.topPartGroup=false;this.titleText=undefined;this.open=false}connectedCallback(){this.topPartGroup=this.host.parentElement.slot==="top";if(!this.topPartGroup){this.slotPostion=this.host.parentElement.slot==="main-right"?"right":"left"}}render(){return o(s,null,this.titleText&&this.topPartGroup&&o("div",{class:"footer-top-title"},this.titleText),this.titleText&&this.topPartGroup&&o("button",{onClick:()=>{this.open=!this.open},class:`footer-top-title-button ${this.open?"expanded":"closed"}`},this.titleText,o("sdds-icon",{name:"chevron_down",size:"20px"})),o("div",{role:"list",class:`${this.slotPostion?this.slotPostion:""}\n ${this.topPartGroup?"top-part-child":""}\n ${this.open?"expanded":"closed"}`},o("slot",null)))}get host(){return e(this)}};l.style=i;export{l as sdds_footer_group};
2	- //# sourceMappingURL=p-ca10ecb0.entry.js.map

package/dist/tegel/p-ca10ecb0.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sddsFooterGroupCss","SddsFooterGroup","this","slotPostion","topPartGroup","connectedCallback","host","parentElement","slot","render","h","Host","titleText","class","onClick","open","name","size","role"],"sources":["./src/components/footer/webcomponent/sdds-footer-group/sdds-footer-group.scss?tag=sdds-footer-group&encapsulation=shadow","./src/components/footer/webcomponent/sdds-footer-group/sdds-footer-group.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n\n:host {\n display: block;\n\n .footer-top-title {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n opacity: var(--sdds-footer-top-title-opacity);\n color: var(--sdds-footer-top-links);\n padding-bottom: 8px;\n }\n\n button.footer-top-title-button {\n display: none;\n border: none;\n width: 100%;\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-footer-top-links);\n background-color: transparent;\n text-align: left;\n padding: 19px 24px;\n justify-content: space-between;\n border-bottom: 1px solid var(--sdds-footer-top-divider);\n\n &.expanded {\n border-bottom: none;\n\n sdds-icon {\n transform: rotateZ(180deg);\n }\n }\n\n &:hover {\n cursor: pointer;\n }\n\n &:active {\n background-color: var(--sdds-footer-top-button-active);\n }\n\n &:focus-visible {\n @include sdds-focus-state;\n }\n\n sdds-icon {\n transition: transform 0.2s ease-in-out;\n }\n }\n\n [role='list'] {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n gap: 8px;\n\n &.left,\n &.right {\n gap: 24px;\n }\n\n &.top-part-child {\n flex-direction: column;\n }\n }\n\n @media all and (max-width: 992px) {\n [role='list'].left:not(.top-part-child) {\n flex-direction: column;\n\n &.left,\n &.right {\n gap: 8px;\n }\n }\n\n [role='list'].top-part-child.closed {\n display: none;\n }\n\n [role='list'].top-part-child {\n gap: 0;\n }\n\n .footer-top-title {\n display: none;\n }\n\n button.footer-top-title-button {\n display: flex;\n align-items: center;\n }\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\nimport { HostElement, State } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-footer-group',\n styleUrl: 'sdds-footer-group.scss',\n shadow: true,\n})\nexport class SddsFooterGroup {\n @Element() host: HostElement;\n\n /** Title text for the link group, only valid on top part of footer. */\n @Prop() titleText: string;\n\n /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */\n @State() open: boolean = false;\n\n /** If the group is placed in the main part of the footer it can have either left or right as a slot position otherwise undefined. */\n private slotPostion: 'left' | 'right' = null;\n\n /** Indicates the if group is part of the top part of the footer. */\n private topPartGroup: boolean = false;\n\n connectedCallback() {\n this.topPartGroup = this.host.parentElement.slot === 'top';\n if (!this.topPartGroup) {\n this.slotPostion = this.host.parentElement.slot === 'main-right' ? 'right' : 'left';\n }\n }\n\n render() {\n return (\n <Host>\n {this.titleText && this.topPartGroup && (\n <div class=\"footer-top-title\">{this.titleText}</div>\n )}\n\n {this.titleText && this.topPartGroup && (\n <button\n onClick={() => {\n this.open = !this.open;\n }}\n class={`footer-top-title-button ${this.open ? 'expanded' : 'closed'}`}\n >\n {this.titleText}\n <sdds-icon name=\"chevron_down\" size=\"20px\"></sdds-icon>\n </button>\n )}\n <div\n role=\"list\"\n class={`${this.slotPostion ? this.slotPostion : ''}\n ${this.topPartGroup ? 'top-part-child' : ''}\n ${this.open ? 'expanded' : 'closed'}`}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,imD,MCQdC,EAAe,M,yBAUlBC,KAAAC,YAAgC,KAGhCD,KAAAE,aAAwB,M,mCANP,K,CAQzBC,oBACEH,KAAKE,aAAeF,KAAKI,KAAKC,cAAcC,OAAS,MACrD,IAAKN,KAAKE,aAAc,CACtBF,KAAKC,YAAcD,KAAKI,KAAKC,cAAcC,OAAS,aAAe,QAAU,M,EAIjFC,SACE,OACEC,EAACC,EAAI,KACFT,KAAKU,WAAaV,KAAKE,cACtBM,EAAA,OAAKG,MAAM,oBAAoBX,KAAKU,WAGrCV,KAAKU,WAAaV,KAAKE,cACtBM,EAAA,UACEI,QAAS,KACPZ,KAAKa,MAAQb,KAAKa,IAAI,EAExBF,MAAO,4BAA4BX,KAAKa,KAAO,WAAa,YAE3Db,KAAKU,UACNF,EAAA,aAAWM,KAAK,eAAeC,KAAK,UAGxCP,EAAA,OACEQ,KAAK,OACLL,MAAO,GAAGX,KAAKC,YAAcD,KAAKC,YAAc,mBAC5CD,KAAKE,aAAe,iBAAmB,mBACvCF,KAAKa,KAAO,WAAa,YAE7BL,EAAA,c"}

package/dist/tegel/p-ca258ebc.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as e,h as t,H as o,g as i}from"./p-0a99765f.js";import{d as n,b as d}from"./p-5e9e9d8a.js";const a=":host([open]){pointer-events:auto;z-index:301}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(){border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .sdds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(sdds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(sdds-side-menu-close-button){opacity:1}:host .state-open .sdds-side-menu-wrapper{transform:scaleY(1)}:host .state-upper-slot-empty .sdds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .sdds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}@media (min-width: 992px){:host([persistent]){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host([persistent]) .wrapper slot[name=overlay]::slotted(sdds-side-menu-overlay){display:none}:host([persistent]) .wrapper slot[name=close-button]::slotted(sdds-side-menu-close-button){display:none}:host([persistent]) .wrapper .sdds-side-menu-wrapper{transform:none}:host([persistent]) .menu{width:272px}:host([persistent]) .state-closed{display:block}:host([persistent]):host([collapsed]){width:69px}:host([persistent]):host([collapsed]) .menu{width:68px}:host([persistent]) slot[name=end]::slotted(){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .sdds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--sdds-sidebar-side-menu-background-cover);transition:transform 250ms ease;transform-origin:top;transform:scaleY(0);overflow-y:auto}aside .sdds-side-menu-wrapper::-webkit-scrollbar{width:4px;background-color:inherit}aside .sdds-side-menu-wrapper::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}aside .sdds-side-menu-wrapper ::-webkit-scrollbar-button{height:0;width:0}";const r="992px";const l=400;const p=500;const h=class{constructor(t){s(this,t);this.collapsedEventEmitter=e(this,"sddsSideMenuCollapsed",7);this.handleMatchesLgBreakpointChange=s=>{const e=!s.matches;if(e){this.collapsed=false}};this.open=false;this.persistent=false;this.collapsed=false;this.isUpperSlotEmpty=false;this.isClosed=true;this.isOpen=false;this.isClosing=false;this.isOpening=false}connectedCallback(){this.collapsedEventEmitter.emit({collapsed:this.collapsed});this.matchesLgBreakpointMq=window.matchMedia(`(min-width: ${r})`);this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange)}componentDidLoad(){setTimeout((()=>this.onOpenChange(this.open)),p);const s=this.host.shadowRoot.querySelector("slot:not([name])");const e=s.assignedElements();const t=(e===null\|\|e===void 0?void 0:e.length)>0;if(!t){this.isUpperSlotEmpty=true}}disconnectedCallback(){this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}onOpenChange(s,e){if(s&&!e){this.setOpening()}if(!s&&e){this.setClosing()}}onCollapsedChange(s){this.collapsedEventEmitter.emit({collapsed:s})}onIsOpenChange(s){if(s){const s=n(this.host,d,true);s.focus()}}async setOpening(){this.isClosed=false;await new Promise((s=>{setTimeout(s,0)}));this.isOpening=true;await new Promise((s=>{setTimeout(s,l)}));this.isOpening=false;this.isOpen=true}async setClosing(){this.isOpen=false;this.isClosing=true;await new Promise((s=>{setTimeout(s,l)}));this.isClosing=false;this.isClosed=true}render(){return t(o,{role:"navigation"},t("div",{class:{wrapper:true,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.isOpen\|\|this.isOpening,"state-closed":this.isClosed}},t("slot",{name:"overlay"}),t("aside",{class:`menu`},t("slot",{name:"close-button"}),t("div",{class:"sdds-side-menu-wrapper"},t("ul",{class:`sdds-side-menu-list sdds-side-menu-list-upper`},t("slot",null)),t("ul",{class:`sdds-side-menu-list sdds-side-menu-list-end`},t("slot",{name:"end"}))),t("slot",{name:"sticky-end"}))))}get host(){return i(this)}static get watchers(){return{open:["onOpenChange"],collapsed:["onCollapsedChange"],isOpening:["onIsOpenChange"]}}};h.style=a;export{h as sdds_side_menu};
2	- //# sourceMappingURL=p-ca258ebc.entry.js.map

package/dist/tegel/p-ca258ebc.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sideMenuCss","GRID_LG_BREAKPOINT","OPENING_ANIMATION_DURATION","INITIALIZE_ANIMATION_DELAY","SddsSideMenu","this","handleMatchesLgBreakpointChange","e","isBelowLg","matches","collapsed","connectedCallback","collapsedEventEmitter","emit","matchesLgBreakpointMq","window","matchMedia","addEventListener","componentDidLoad","setTimeout","onOpenChange","open","upperSlot","host","shadowRoot","querySelector","upperSlotElements","assignedElements","hasUpperSlotElements","length","isUpperSlotEmpty","disconnectedCallback","removeEventListener","newVal","oldVal","setOpening","setClosing","onCollapsedChange","onIsOpenChange","firstFocusableElement","dfs","isFocusable","focus","async","isClosed","Promise","resolve","isOpening","isOpen","isClosing","render","h","Host","role","class","wrapper","name"],"sources":["./src/components/side-menu/webcomponent/side-menu.scss?tag=sdds-side-menu&encapsulation=shadow","./src/components/side-menu/webcomponent/side-menu.tsx"],"sourcesContent":["@import '../theme/core/spacing/vars';\n@import '../../../mixins/scrollbar';\n@import '../../../mixins/z-index';\n@import '../../../global/variables';\n\n:host([open]) {\n pointer-events: auto;\n z-index: z(header) + 1;\n}\n\n:host {\n pointer-events: none;\n display: block;\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n\n .wrapper {\n height: inherit;\n\n /* default slot */\n slot:not([name])::slotted(*) {\n border-bottom: 1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top);\n }\n\n /* 'end' slot */\n ::slotted([slot='end']) {\n border-top: 1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top);\n }\n\n .sdds-side-menu-list-end {\n margin-top: 68px;\n }\n }\n\n .state-closed {\n display: none;\n }\n\n .state-open {\n slot[name='overlay']::slotted(sdds-side-menu-overlay) {\n opacity: 0.4;\n }\n\n slot[name='close-button']::slotted(sdds-side-menu-close-button) {\n opacity: 1;\n }\n\n .sdds-side-menu-wrapper {\n transform: scaleY(1);\n }\n }\n\n .state-upper-slot-empty {\n .sdds-side-menu-list-upper {\n display: none;\n }\n\n .sdds-side-menu-list-end {\n margin-top: 0;\n }\n\n ::slotted([slot='end']) {\n border-top: none;\n border-bottom: 1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top);\n }\n }\n}\n\n@media (min-width: $grid-lg) {\n :host([persistent]) {\n pointer-events: auto;\n position: static;\n width: 272px;\n height: auto;\n border-right: 1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top);\n\n .wrapper {\n slot[name='overlay']::slotted(sdds-side-menu-overlay) {\n display: none;\n }\n\n slot[name='close-button']::slotted(sdds-side-menu-close-button) {\n display: none;\n }\n\n .sdds-side-menu-wrapper {\n transform: none;\n }\n }\n\n .menu {\n width: 272px;\n }\n\n .state-closed {\n display: block;\n }\n\n &:host([collapsed]) {\n width: 69px; // 68 + 1px for border\n\n .menu {\n width: 68px;\n }\n }\n\n slot[name='end']::slotted(*) {\n display: none;\n }\n }\n}\n\n.menu {\n * {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n }\n\n width: 80%;\n height: inherit;\n position: relative;\n left: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n@media (max-width: $media-fullwidth) {\n .menu {\n width: 100%;\n }\n}\n\naside {\n .sdds-side-menu-wrapper {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n flex-grow: 1;\n background-color: var(--sdds-sidebar-side-menu-background-cover);\n transition: transform 250ms ease;\n transform-origin: top;\n transform: scaleY(0);\n\n @include sdds-scrollbar;\n\n overflow-y: auto;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { dfs, isFocusable } from '../../../utils/utils';\n\nexport interface CollapsedEvent {\n collapsed: boolean;\n}\n\nconst GRID_LG_BREAKPOINT = '992px';\nconst OPENING_ANIMATION_DURATION = 400;\nconst INITIALIZE_ANIMATION_DELAY = 500;\n\n@Component({\n tag: 'sdds-side-menu',\n styleUrl: 'side-menu.scss',\n shadow: true,\n})\nexport class SddsSideMenu {\n @Element() host: HTMLSddsSideMenuElement;\n\n /** Broadcasts collapsed state to child components. */\n @Event({\n eventName: 'sddsSideMenuCollapsed',\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n collapsedEventEmitter: EventEmitter<CollapsedEvent>;\n\n /** If the side menu is open or not. */\n @Prop({ reflect: true }) open: boolean = false;\n\n /** If the side menu should always be shown on desktop screens to the side. */\n @Prop({ reflect: true }) persistent: boolean = false;\n\n /** If the side menu is collapsed. Only a persistent desktop menu can be collapsed. */\n @Prop({ reflect: true }) collapsed: boolean = false;\n\n @State() isUpperSlotEmpty: boolean = false;\n\n @State() isClosed: boolean = true;\n\n @State() isOpen: boolean = false;\n\n @State() isClosing: boolean = false;\n\n @State() isOpening: boolean = false;\n\n private matchesLgBreakpointMq: MediaQueryList;\n\n handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void = (e) => {\n const isBelowLg = !e.matches;\n if (isBelowLg) {\n this.collapsed = false;\n }\n };\n\n connectedCallback() {\n this.collapsedEventEmitter.emit({\n collapsed: this.collapsed,\n });\n\n this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT})`);\n this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange);\n }\n\n componentDidLoad() {\n setTimeout(() => this.onOpenChange(this.open), INITIALIZE_ANIMATION_DELAY);\n\n const upperSlot = this.host.shadowRoot.querySelector('slot:not([name])') as HTMLSlotElement;\n const upperSlotElements = upperSlot.assignedElements();\n const hasUpperSlotElements = upperSlotElements?.length > 0;\n\n if (!hasUpperSlotElements) {\n this.isUpperSlotEmpty = true;\n }\n }\n\n disconnectedCallback() {\n this.matchesLgBreakpointMq.removeEventListener('change', this.handleMatchesLgBreakpointChange);\n }\n\n @Watch('open')\n onOpenChange(newVal: boolean, oldVal?: boolean) {\n if (newVal && !oldVal) {\n this.setOpening();\n }\n if (!newVal && oldVal) {\n this.setClosing();\n }\n }\n\n @Watch('collapsed')\n onCollapsedChange(newVal: boolean) {\n this.collapsedEventEmitter.emit({\n collapsed: newVal,\n });\n }\n\n @Watch('isOpening')\n onIsOpenChange(newVal: boolean) {\n if (newVal) {\n const firstFocusableElement = dfs(this.host, isFocusable, true);\n firstFocusableElement.focus();\n }\n }\n\n async setOpening() {\n this.isClosed = false;\n\n await new Promise((resolve) => {\n setTimeout(resolve, 0);\n });\n this.isOpening = true;\n\n await new Promise((resolve) => {\n setTimeout(resolve, OPENING_ANIMATION_DURATION);\n });\n this.isOpening = false;\n this.isOpen = true;\n }\n\n async setClosing() {\n this.isOpen = false;\n this.isClosing = true;\n\n await new Promise((resolve) => {\n setTimeout(resolve, OPENING_ANIMATION_DURATION);\n });\n this.isClosing = false;\n this.isClosed = true;\n }\n\n render() {\n return (\n <Host role=\"navigation\">\n <div\n class={{\n 'wrapper': true,\n 'state-upper-slot-empty': this.isUpperSlotEmpty,\n 'state-open': this.isOpen || this.isOpening,\n 'state-closed': this.isClosed,\n }}\n >\n <slot name=\"overlay\"></slot>\n <aside class={`menu`}>\n <slot name=\"close-button\"></slot>\n <div class=\"sdds-side-menu-wrapper\">\n <ul class={`sdds-side-menu-list sdds-side-menu-list-upper`}>\n <slot></slot>\n </ul>\n <ul class={`sdds-side-menu-list sdds-side-menu-list-end`}>\n <slot name=\"end\"></slot>\n </ul>\n </div>\n <slot name=\"sticky-end\"></slot>\n </aside>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAc,03ECiBpB,MAAMC,EAAqB,QAC3B,MAAMC,EAA6B,IACnC,MAAMC,EAA6B,I,MAOtBC,EAAY,M,sFAiCvBC,KAAAC,gCAAqEC,IACnE,MAAMC,GAAaD,EAAEE,QACrB,GAAID,EAAW,CACbH,KAAKK,UAAY,K,aAvBoB,M,gBAGM,M,eAGD,M,sBAET,M,cAER,K,YAEF,M,eAEG,M,eAEA,K,CAW9BC,oBACEN,KAAKO,sBAAsBC,KAAK,CAC9BH,UAAWL,KAAKK,YAGlBL,KAAKS,sBAAwBC,OAAOC,WAAW,eAAef,MAC9DI,KAAKS,sBAAsBG,iBAAiB,SAAUZ,KAAKC,gC,CAG7DY,mBACEC,YAAW,IAAMd,KAAKe,aAAaf,KAAKgB,OAAOlB,GAE/C,MAAMmB,EAAYjB,KAAKkB,KAAKC,WAAWC,cAAc,oBACrD,MAAMC,EAAoBJ,EAAUK,mBACpC,MAAMC,GAAuBF,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBG,QAAS,EAEzD,IAAKD,EAAsB,CACzBvB,KAAKyB,iBAAmB,I,EAI5BC,uBACE1B,KAAKS,sBAAsBkB,oBAAoB,SAAU3B,KAAKC,gC,CAIhEc,aAAaa,EAAiBC,GAC5B,GAAID,IAAWC,EAAQ,CACrB7B,KAAK8B,Y,CAEP,IAAKF,GAAUC,EAAQ,CACrB7B,KAAK+B,Y,EAKTC,kBAAkBJ,GAChB5B,KAAKO,sBAAsBC,KAAK,CAC9BH,UAAWuB,G,CAKfK,eAAeL,GACb,GAAIA,EAAQ,CACV,MAAMM,EAAwBC,EAAInC,KAAKkB,KAAMkB,EAAa,MAC1DF,EAAsBG,O,EAI1BC,mBACEtC,KAAKuC,SAAW,YAEV,IAAIC,SAASC,IACjB3B,WAAW2B,EAAS,EAAE,IAExBzC,KAAK0C,UAAY,WAEX,IAAIF,SAASC,IACjB3B,WAAW2B,EAAS5C,EAA2B,IAEjDG,KAAK0C,UAAY,MACjB1C,KAAK2C,OAAS,I,CAGhBL,mBACEtC,KAAK2C,OAAS,MACd3C,KAAK4C,UAAY,WAEX,IAAIJ,SAASC,IACjB3B,WAAW2B,EAAS5C,EAA2B,IAEjDG,KAAK4C,UAAY,MACjB5C,KAAKuC,SAAW,I,CAGlBM,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,cACTF,EAAA,OACEG,MAAO,CACLC,QAAW,KACX,yBAA0BlD,KAAKyB,iBAC/B,aAAczB,KAAK2C,QAAU3C,KAAK0C,UAClC,eAAgB1C,KAAKuC,WAGvBO,EAAA,QAAMK,KAAK,YACXL,EAAA,SAAOG,MAAO,QACZH,EAAA,QAAMK,KAAK,iBACXL,EAAA,OAAKG,MAAM,0BACTH,EAAA,MAAIG,MAAO,iDACTH,EAAA,cAEFA,EAAA,MAAIG,MAAO,+CACTH,EAAA,QAAMK,KAAK,UAGfL,EAAA,QAAMK,KAAK,iB"}

package/dist/tegel/p-cd4553e7.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as d}from"./p-0a99765f.js";const e=":host{--sdds-badges-background-color:var(--sdds-negative);--sdds-badges-color-text:var(--sdds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.sdds-badges{display:block;border-radius:12px;background-color:var(--sdds-badges-background-color);text-align:center}.sdds-badges.sdds-badges-sm{height:8px;width:8px;line-height:8px}.sdds-badges.sdds-badges-lg{height:20px;line-height:20px;width:20px}.sdds-badges.sdds-badges-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.sdds-badges.sdds-badges-hidden{display:none}.sdds-badges-text{font-family:var(--sdds-font-family-semi-condensed-bold);font-size:12px;color:var(--sdds-badges-color-text);font-weight:bold}";const t=class{constructor(d){s(this,d);this.value="";this.hidden=false;this.isSmall=false;this.size="lg";this.shape="";this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps();if(this.isSmall){this.size="sm";console.warn('Prop isSmall is deprecated. Use size"small" instead')}}checkProps(){const s=parseInt(this.value);if(!Number.isNaN(s)&&this.size!=="sm"){this.shape=this.value.toString().length>=2?"pill":"";this.size="lg";this.text=s.toString().length>=3?"99+":s.toString()}else{this.value!==""&&this.size!=="sm"?console.warn("The provided value is either empty or string, please provide value as number."):""}}render(){return d("host",{class:`sdds-badges sdds-badges-${this.size} ${this.shape==="pill"?"sdds-badges-pill":""} ${this.hidden?"sdds-badges-hidden":""}`},d("div",{class:"sdds-badges-text"},this.text))}static get watchers(){return{value:["watchProps"],isSmall:["watchProps"],size:["watchProps"]}}};t.style=e;export{t as sdds_badges};
2	- //# sourceMappingURL=p-cd4553e7.entry.js.map

package/dist/tegel/p-cd4553e7.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["badgesCss","SddsBadges","watchProps","this","checkProps","componentWillLoad","isSmall","size","console","warn","valueAsNumber","parseInt","value","Number","isNaN","shape","toString","length","text","render","h","class","hidden"],"sources":["./src/components/badge/badges.scss?tag=sdds-badges&encapsulation=shadow","./src/components/badge/badges.tsx"],"sourcesContent":["@import '../../mixins/box-sizing';\n\n// This component does not have dark version so all css is in this file\n\n:host {\n // Variables\n --sdds-badges-background-color: var(--sdds-negative);\n --sdds-badges-color-text: var(--sdds-white);\n\n // Styling\n @include sdds-box-sizing;\n\n display: block;\n}\n\n.sdds-badges {\n display: block;\n border-radius: 12px;\n background-color: var(--sdds-badges-background-color);\n text-align: center;\n\n &.sdds-badges-sm {\n height: 8px;\n width: 8px;\n line-height: 8px;\n }\n\n &.sdds-badges-lg {\n height: 20px;\n line-height: 20px;\n width: 20px;\n }\n\n &.sdds-badges-pill {\n display: inline-block;\n width: unset;\n padding-left: 8px;\n padding-right: 8px;\n }\n\n &.sdds-badges-hidden {\n display: none;\n }\n}\n\n.sdds-badges-text {\n font-family: var(--sdds-font-family-semi-condensed-bold);\n font-size: 12px;\n color: var(--sdds-badges-color-text);\n font-weight: bold;\n}\n","import { Component, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n tag: 'sdds-badges',\n styleUrl: 'badges.scss',\n shadow: true,\n})\nexport class SddsBadges {\n /** Value shown in badge */\n @Prop() value: string = '';\n // TODO: Make upper prop accepts numbers too ?\n\n /** Changes visibility of badge */\n @Prop() hidden: boolean = false;\n\n /** @deprecated Use size prop instead. Changes badge from large to small size */\n @Prop() isSmall: boolean = false;\n\n /** Sets component size. */\n @Prop() size: 'lg' | 'sm' = 'lg';\n\n @State() shape: string = '';\n\n @State() text: string = '';\n\n @Watch('value')\n @Watch('isSmall')\n @Watch('size')\n watchProps() {\n this.checkProps();\n }\n\n componentWillLoad() {\n this.checkProps();\n if (this.isSmall) {\n this.size = 'sm';\n console.warn('Prop isSmall is deprecated. Use size\"small\" instead');\n }\n }\n\n checkProps() {\n const valueAsNumber = parseInt(this.value);\n if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {\n this.shape = this.value.toString().length >= 2 ? 'pill' : '';\n this.size = 'lg';\n this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();\n } else {\n // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions\n this.value !== '' && this.size !== 'sm'\n ? console.warn(\n 'The provided value is either empty or string, please provide value as number.',\n )\n : '';\n }\n }\n\n render() {\n return (\n <host\n class={`sdds-badges sdds-badges-${this.size} ${\n this.shape === 'pill' ? 'sdds-badges-pill' : ''\n } ${this.hidden ? 'sdds-badges-hidden' : ''}`}\n >\n <div class=\"sdds-badges-text\">{this.text}</div>\n </host>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,isB,MCOLC,EAAU,M,oCAEG,G,YAIE,M,aAGC,M,UAGC,K,WAEH,G,UAED,E,CAKxBC,aACEC,KAAKC,Y,CAGPC,oBACEF,KAAKC,aACL,GAAID,KAAKG,QAAS,CAChBH,KAAKI,KAAO,KACZC,QAAQC,KAAK,sD,EAIjBL,aACE,MAAMM,EAAgBC,SAASR,KAAKS,OACpC,IAAKC,OAAOC,MAAMJ,IAAkBP,KAAKI,OAAS,KAAM,CACtDJ,KAAKY,MAAQZ,KAAKS,MAAMI,WAAWC,QAAU,EAAI,OAAS,GAC1Dd,KAAKI,KAAO,KACZJ,KAAKe,KAAOR,EAAcM,WAAWC,QAAU,EAAI,MAAQP,EAAcM,U,KACpE,CAELb,KAAKS,QAAU,IAAMT,KAAKI,OAAS,KAC/BC,QAAQC,KACN,iFAEF,E,EAIRU,SACE,OACEC,EAAA,QACEC,MAAO,2BAA2BlB,KAAKI,QACrCJ,KAAKY,QAAU,OAAS,mBAAqB,MAC3CZ,KAAKmB,OAAS,qBAAuB,MAEzCF,EAAA,OAAKC,MAAM,oBAAoBlB,KAAKe,M"}

package/dist/tegel/p-d1529cbd.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as o,h as t,H as e,g as s}from"./p-0a99765f.js";const n=":host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--sdds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);background-color:var(--sdds-header-nav-item-dropdown-opened-background);color:var(--sdds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--sdds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){border-left:4px solid var(--sdds-nav-item-border-color-active);padding-left:20px;background-color:var(--sdds-nav-item-background-selected)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding-left:56px}";const d=class{constructor(t){o(this,t);this.selected=false;this.dropdownHasIcon=false;this.collapsed=false}collapsedSideMenuEventHandeler(o){this.collapsed=o.detail.collapsed}connectedCallback(){this.sideMenuEl=this.host.closest("sdds-side-menu");this.collapsed=this.sideMenuEl.collapsed}componentDidLoad(){var o;const t=this.host.closest("sdds-side-menu-dropdown");const e=t.shadowRoot.querySelector('slot[name="button-icon"]');const s=e.assignedElements();const n=(s===null\|\|s===void 0?void 0:s.length)>0;const d=((o=s===null\|\|s===void 0?void 0:s[0])===null\|\|o===void 0?void 0:o.tagName.toLowerCase())==="sdds-side-menu-user-image";if(n&&!d){this.dropdownHasIcon=true}}render(){return t(e,{role:"listitem"},t("div",{class:{component:true,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-collapsed":this.collapsed}},t("slot",null)))}get host(){return s(this)}};d.style=n;export{d as sdds_side_menu_dropdown_list_item};
2	- //# sourceMappingURL=p-d1529cbd.entry.js.map

package/dist/tegel/p-d1529cbd.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sideMenuDropdownListItemCss","SideMenuDropdownListItem","collapsedSideMenuEventHandeler","event","this","collapsed","detail","connectedCallback","sideMenuEl","host","closest","componentDidLoad","dropdownEl","dropdownBtnIconSlotEl","shadowRoot","querySelector","btnIconSlottedEls","assignedElements","hasBtnIcon","length","btnIconIsUserImage","_a","tagName","toLowerCase","dropdownHasIcon","render","h","Host","role","class","component","selected"],"sources":["./src/components/side-menu/webcomponent/side-menu-dropdown-list-item/side-menu-dropdown-list-item.scss?tag=sdds-side-menu-dropdown-list-item&encapsulation=shadow","./src/components/side-menu/webcomponent/side-menu-dropdown-list-item/side-menu-dropdown-list-item.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n\n:host {\n display: block;\n box-sizing: border-box;\n height: 48px;\n width: 100%;\n\n .component {\n height: 100%;\n width: 100%;\n\n ::slotted(a),\n ::slotted(button) {\n all: unset;\n box-sizing: border-box;\n border-right: 1px solid var(--sdds-nav-item-border-color);\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0 24px;\n width: 100%;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n background-color: var(--sdds-header-nav-item-dropdown-opened-background);\n color: var(--sdds-header-nav-item-dropdown-opened-color);\n border: none;\n }\n\n ::slotted(a:hover),\n ::slotted(button:hover) {\n background-color: var(--sdds-nav-item-background-hover);\n cursor: pointer;\n }\n\n ::slotted(a:focus-visible) {\n @include sdds-focus-state;\n }\n }\n\n .component.component-selected {\n ::slotted(a),\n ::slotted(button) {\n border-left: 4px solid var(--sdds-nav-item-border-color-active);\n padding-left: 20px;\n background-color: var(--sdds-nav-item-background-selected);\n }\n }\n\n .component.component-dropdown-has-icon {\n &:not(.component-collapsed) {\n ::slotted(a),\n ::slotted(button) {\n padding-left: 56px;\n }\n }\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { CollapsedEvent } from '../side-menu';\n\n@Component({\n tag: 'sdds-side-menu-dropdown-list-item',\n styleUrl: 'side-menu-dropdown-list-item.scss',\n shadow: true,\n})\nexport class SideMenuDropdownListItem {\n @Element() host: HTMLElement;\n\n /** If the item should appear selected. */\n @Prop() selected: boolean = false;\n\n @State() dropdownHasIcon: boolean = false;\n\n @State() collapsed: boolean = false;\n\n private sideMenuEl: HTMLSddsSideMenuElement;\n\n @Listen('sddsSideMenuCollapsed', { target: 'body' })\n collapsedSideMenuEventHandeler(event: CustomEvent<CollapsedEvent>) {\n this.collapsed = event.detail.collapsed;\n }\n\n connectedCallback() {\n this.sideMenuEl = this.host.closest('sdds-side-menu');\n this.collapsed = this.sideMenuEl.collapsed;\n }\n\n componentDidLoad() {\n const dropdownEl = this.host.closest('sdds-side-menu-dropdown');\n const dropdownBtnIconSlotEl = dropdownEl.shadowRoot.querySelector(\n 'slot[name=\"button-icon\"]',\n ) as HTMLSlotElement;\n const btnIconSlottedEls = dropdownBtnIconSlotEl.assignedElements();\n const hasBtnIcon = btnIconSlottedEls?.length > 0;\n const btnIconIsUserImage =\n btnIconSlottedEls?.[0]?.tagName.toLowerCase() === 'sdds-side-menu-user-image';\n\n if (hasBtnIcon && !btnIconIsUserImage) {\n this.dropdownHasIcon = true;\n }\n }\n\n render() {\n return (\n <Host role=\"listitem\">\n <div\n class={{\n 'component': true,\n 'component-selected': this.selected,\n 'component-dropdown-has-icon': this.dropdownHasIcon,\n 'component-collapsed': this.collapsed,\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAA8B,ssC,MCQvBC,EAAwB,M,uCAIP,M,qBAEQ,M,eAEN,K,CAK9BC,+BAA+BC,GAC7BC,KAAKC,UAAYF,EAAMG,OAAOD,S,CAGhCE,oBACEH,KAAKI,WAAaJ,KAAKK,KAAKC,QAAQ,kBACpCN,KAAKC,UAAYD,KAAKI,WAAWH,S,CAGnCM,mB,MACE,MAAMC,EAAaR,KAAKK,KAAKC,QAAQ,2BACrC,MAAMG,EAAwBD,EAAWE,WAAWC,cAClD,4BAEF,MAAMC,EAAoBH,EAAsBI,mBAChD,MAAMC,GAAaF,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBG,QAAS,EAC/C,MAAMC,IACJC,EAAAL,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAoB,MAAE,MAAAK,SAAA,SAAAA,EAAEC,QAAQC,iBAAkB,4BAEpD,GAAIL,IAAeE,EAAoB,CACrChB,KAAKoB,gBAAkB,I,EAI3BC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,OACEG,MAAO,CACLC,UAAa,KACb,qBAAsB1B,KAAK2B,SAC3B,8BAA+B3B,KAAKoB,gBACpC,sBAAuBpB,KAAKC,YAG9BqB,EAAA,c"}

package/dist/tegel/p-d1f5cb80.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as e,H as a}from"./p-0a99765f.js";const r=":host .message-wrapper{display:flex;padding:16px;background-color:var(--sdds-message-background);border-radius:4px}:host .message-wrapper.information{border-left:4px solid var(--sdds-information)}:host .message-wrapper.information sdds-icon{color:var(--sdds-information)}:host .message-wrapper.success{border-left:4px solid var(--sdds-positive)}:host .message-wrapper.success sdds-icon{color:var(--sdds-positive)}:host .message-wrapper.error{background-color:var(--sdds-message-type-error-background);border-left:4px solid var(--sdds-negative)}:host .message-wrapper.error sdds-icon{color:var(--sdds-negative)}:host .message-wrapper.warning{border-left:4px solid var(--sdds-warning)}:host .message-wrapper.warning sdds-icon{color:var(--sdds-warning)}:host .message-wrapper.message-minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .message-wrapper.message-minimal .message-header{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .message-wrapper.message-minimal sdds-icon{padding-right:8px}:host sdds-icon{padding-right:16px}:host .message-content{display:flex;flex-direction:column;gap:4px;color:var(--sdds-message-color);padding:2px 0}:host .message-content .message-header{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls)}:host .message-content .message-extended-message{color:var(--sdds-message-color);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .sdds-mode-variant-primary{--sdds-message-background:var(--sdds-message-background-primary)}:host .sdds-mode-variant-secondary{--sdds-message-background:var(--sdds-message-background-secondary)}";const d=class{constructor(e){s(this,e);this.getIconName=()=>{switch(this.type){case"information":return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick";default:return"info"}};this.header=undefined;this.modeVariant=null;this.type="information";this.noIcon=false;this.minimal=false}render(){return e(a,null,e("div",{class:`\n message-wrapper ${this.type}\n ${this.minimal?"message-minimal":""}\n ${this.modeVariant!==null?`sdds-mode-variant-${this.modeVariant}`:""}`},!this.noIcon&&e("sdds-icon",{name:this.getIconName(),size:"20px"}),e("div",{class:`message-content`},this.header&&e("div",{class:"message-header"},this.header),!this.minimal&&e("div",{class:"message-extended-message"},e("slot",null)))))}};d.style=r;export{d as sdds_message};
2	- //# sourceMappingURL=p-d1f5cb80.entry.js.map

package/dist/tegel/p-d1f5cb80.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sddsMessageCss","SddsMessage","this","getIconName","type","render","h","Host","class","minimal","modeVariant","noIcon","name","size","header"],"sources":["./src/components/message/sdds-message.scss?tag=sdds-message&encapsulation=shadow","./src/components/message/sdds-message.tsx"],"sourcesContent":[":host {\n .message-wrapper {\n display: flex;\n padding: 16px;\n background-color: var(--sdds-message-background);\n border-radius: 4px;\n\n &.information {\n border-left: 4px solid var(--sdds-information);\n\n sdds-icon {\n color: var(--sdds-information);\n }\n }\n\n &.success {\n border-left: 4px solid var(--sdds-positive);\n\n sdds-icon {\n color: var(--sdds-positive);\n }\n }\n\n &.error {\n background-color: var(--sdds-message-type-error-background);\n border-left: 4px solid var(--sdds-negative);\n\n sdds-icon {\n color: var(--sdds-negative);\n }\n }\n\n &.warning {\n border-left: 4px solid var(--sdds-warning);\n\n sdds-icon {\n color: var(--sdds-warning);\n }\n }\n\n &.message-minimal {\n border: none;\n display: flex;\n align-items: center;\n padding: 0;\n background-color: transparent;\n\n .message-header {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n\n sdds-icon {\n padding-right: 8px;\n }\n }\n }\n\n sdds-icon {\n padding-right: 16px;\n }\n\n .message-content {\n display: flex;\n flex-direction: column;\n gap: 4px;\n color: var(--sdds-message-color);\n padding: 2px 0;\n\n .message-header {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n }\n\n .message-extended-message {\n color: var(--sdds-message-color);\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n }\n\n .sdds-mode-variant-primary {\n --sdds-message-background: var(--sdds-message-background-primary);\n }\n\n .sdds-mode-variant-secondary {\n --sdds-message-background: var(--sdds-message-background-secondary);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-message',\n styleUrl: 'sdds-message.scss',\n shadow: true,\n})\nexport class SddsMessage {\n /** Header text for the component. */\n @Prop() header: string;\n\n /** Variant of the component, based on current mode. */\n @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n /** Type of message. */\n @Prop() type: 'information' | 'error' | 'warning' | 'success' = 'information';\n\n /** Removes the icon in the message. */\n @Prop() noIcon: boolean = false;\n\n /** Minimal message styling. */\n @Prop() minimal: boolean = false;\n\n getIconName = () => {\n switch (this.type) {\n case 'information':\n return 'info';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n case 'success':\n return 'tick';\n default:\n return 'info';\n }\n };\n\n render() {\n return (\n <Host>\n <div\n class={`\n message-wrapper ${this.type}\n ${this.minimal ? 'message-minimal' : ''}\n ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}`: ''}`}\n >\n {!this.noIcon && <sdds-icon name={this.getIconName()} size=\"20px\"></sdds-icon>}\n <div class={`message-content`}>\n {this.header && <div class=\"message-header\">{this.header}</div>}\n {!this.minimal && (\n <div class=\"message-extended-message\">\n <slot></slot>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,qoD,MCOVC,EAAW,M,yBAgBtBC,KAAAC,YAAc,KACZ,OAAQD,KAAKE,MACX,IAAK,cACH,MAAO,OACT,IAAK,QACH,MAAO,QACT,IAAK,UACH,MAAO,UACT,IAAK,UACH,MAAO,OACT,QACE,MAAO,O,yCAtBkC,K,UAGiB,c,YAGtC,M,aAGC,K,CAiB3BC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,6BACSN,KAAKE,iBACrBF,KAAKO,QAAU,kBAAoB,eACnCP,KAAKQ,cAAgB,KAAO,qBAAqBR,KAAKQ,cAAe,OAEnER,KAAKS,QAAUL,EAAA,aAAWM,KAAMV,KAAKC,cAAeU,KAAK,SAC3DP,EAAA,OAAKE,MAAO,mBACTN,KAAKY,QAAUR,EAAA,OAAKE,MAAM,kBAAkBN,KAAKY,SAChDZ,KAAKO,SACLH,EAAA,OAAKE,MAAM,4BACTF,EAAA,gB"}

package/dist/tegel/p-d3974d3f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as t}from"./p-0a99765f.js";const r='@charset "UTF-8";[role=listitem] ::slotted(){color:var(--sdds-breadcrumb-color);text-decoration:none}[role=listitem]:hover ::slotted(){color:var(--sdds-breadcrumb-color-hover);text-decoration:underline}[role=listitem]:focus-visible{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}[role=listitem].disabled ::slotted(),[role=listitem].current ::slotted(),[role=listitem] [aria-current=page] ::slotted(){pointer-events:none;cursor:default;color:var(--sdds-breadcrumb-color-disabled)}[role=listitem].disabled:hover ::slotted(),[role=listitem].current:hover ::slotted(),[role=listitem] [aria-current=page]:hover ::slotted(){text-decoration:none;cursor:not-allowed}[role=listitem] ::slotted()::after{content:"›";color:var(--sdds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host(.last) ::slotted()::after{display:none}';const o=class{constructor(t){e(this,t);this.current=false;this.disabled=false}render(){return t("div",{role:"listitem",class:`${this.current?"current":""} \n ${this.disabled?"disabled":""}`},t("slot",null))}};o.style=r;export{o as sdds_breadcrumb_item};
2	- //# sourceMappingURL=p-d3974d3f.entry.js.map

package/dist/tegel/p-d3974d3f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sddsBreadcrumbItemCss","SddsBreadcrumbItem","render","h","role","class","this","current","disabled"],"sources":["./src/components/breadcrumb/sdds-breadcrumb-item/sdds-breadcrumb-item.scss?tag=sdds-breadcrumb-item&encapsulation=shadow","./src/components/breadcrumb/sdds-breadcrumb-item/sdds-breadcrumb-item.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n\n[role='listitem'] {\n ::slotted(*) {\n color: var(--sdds-breadcrumb-color);\n text-decoration: none;\n }\n\n &:hover {\n ::slotted(*) {\n color: var(--sdds-breadcrumb-color-hover);\n text-decoration: underline;\n }\n }\n\n &:focus-visible {\n @include sdds-focus-state;\n }\n\n &.disabled,\n &.current,\n [aria-current='page'] {\n ::slotted(*) {\n pointer-events: none;\n cursor: default;\n color: var(--sdds-breadcrumb-color-disabled);\n }\n\n &:hover {\n ::slotted(*) {\n text-decoration: none;\n cursor: not-allowed;\n }\n }\n }\n\n ::slotted(*)::after {\n content: '\\203A';\n color: var(--sdds-breadcrumb-separator-color);\n margin-right: 4px;\n margin-left: 4px;\n display: inline-block;\n width: 4px;\n height: 8px;\n }\n}\n\n:host(.last) {\n ::slotted(*)::after {\n display: none;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-breadcrumb-item',\n styleUrl: 'sdds-breadcrumb-item.scss',\n shadow: true,\n})\nexport class SddsBreadcrumbItem {\n /** Boolean for the current link */\n @Prop() current: boolean = false;\n\n /** Toggle the disabled state for the breadcrumb */\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <div\n role=\"listitem\"\n class={`${this.current ? 'current' : ''} \n ${this.disabled ? 'disabled' : ''}`}\n >\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAwB,+3B,MCOjBC,EAAkB,M,sCAEF,M,cAGC,K,CAE5BC,SACE,OACEC,EAAA,OACEC,KAAK,WACLC,MAAO,GAAGC,KAAKC,QAAU,UAAY,gBACnCD,KAAKE,SAAW,WAAa,MAE/BL,EAAA,a"}

package/dist/tegel/p-d3a0c195.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as s,h as t,H as a,g as i}from"./p-0a99765f.js";const d=":host,.sdds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host ,.sdds-table {box-sizing:border-box}:host(.sdds-table--responsive),.sdds-table--responsive{width:100%}";const n=class{constructor(t){e(this,t);this.internalSddsTablePropChange=s(this,"internalSddsTablePropChange",6);this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=undefined;this.enableMultiselect=false;this.enableExpandableRows=false;this.enableResponsive=false;this.modeVariant=null;this.tableId=crypto.randomUUID()}emitInternalSddsPropChange(e,s){this.internalSddsTablePropChange.emit({tableId:this.tableId,changed:[e],[e]:s})}enableMultiselectChanged(e){this.emitInternalSddsPropChange("enableMultiselect",e)}enableExpandableRowsChanged(e){this.emitInternalSddsPropChange("enableExpandableRows",e)}compactDesignChanged(e){this.emitInternalSddsPropChange("compactDesign",e)}verticalDividersChanged(e){this.emitInternalSddsPropChange("verticalDividers",e)}noMinWidthChanged(e){this.emitInternalSddsPropChange("noMinWidth",e)}modeVariantChanged(e){this.emitInternalSddsPropChange("modeVariant",e)}render(){return t(a,{class:{"sdds-table--responsive":this.enableResponsive}},t("table",{class:{"sdds-table":true,"sdds-table--compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-table--no-min-width":this.noMinWidth,"sdds-table--responsive":this.enableResponsive}},t("slot",null)))}get host(){return i(this)}static get watchers(){return{enableMultiselect:["enableMultiselectChanged"],enableExpandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],modeVariant:["modeVariantChanged"]}}};n.style=d;export{n as sdds_table};
2	- //# sourceMappingURL=p-d3a0c195.entry.js.map

package/dist/tegel/p-d3a0c195.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableCss","Table","crypto","randomUUID","emitInternalSddsPropChange","changedValueName","changedValue","this","internalSddsTablePropChange","emit","tableId","changed","enableMultiselectChanged","newValue","enableExpandableRowsChanged","compactDesignChanged","verticalDividersChanged","noMinWidthChanged","modeVariantChanged","render","h","Host","class","enableResponsive","compactDesign","verticalDividers","noMinWidth"],"sources":["./src/components/data-table/table/table.scss?tag=sdds-table&encapsulation=shadow","./src/components/data-table/table/table.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host,\n.sdds-table {\n border-collapse: collapse;\n display: table;\n @include sdds-box-sizing;\n}\n\n:host(.sdds-table--responsive),\n.sdds-table--responsive {\n width: 100%;\n}\n","// https://stackoverflow.com/questions/63051941/how-to-pass-data-as-array-of-object-in-stencil-js\n// https://medium.com/@scottmgerstl/passing-an-object-or-array-to-stencil-dd62b7d92641\n\nimport { Component, Prop, h, Host, Event, EventEmitter, Element, Watch } from '@stencil/core';\n\ntype Props = {\n verticalDividers: boolean;\n compactDesign: boolean;\n noMinWidth: boolean;\n enableMultiselect: boolean;\n enableExpandableRows: boolean;\n enableResponsive: boolean;\n modeVariant: 'primary' | 'secondary' | null;\n textAlign: string;\n};\n\nexport type InternalSddsTablePropChange = {\n tableId: string;\n changed: Array<keyof Props>;\n} & Partial<Props>;\n\n@Component({\n tag: 'sdds-table',\n styleUrl: 'table.scss',\n shadow: true,\n})\nexport class Table {\n /** Enables style with vertical dividers between columns */\n @Prop({ reflect: true }) verticalDividers: boolean = false;\n\n /** Enables style where data-table toolbar, rows and footer are less high */\n @Prop({ reflect: true }) compactDesign: boolean = false;\n\n /** Enables to customise width on data-table columns */\n @Prop({ reflect: true }) noMinWidth: boolean;\n // TODO: Due to unknown reason, one of this items has to be left as is. If all are false, it seems like emitting is not properly done and it affects other events in data table. Try setting it and observe text-align set on header cell\n\n /** Enables multiselect feature of data-table */\n @Prop({ reflect: true }) enableMultiselect: boolean = false;\n\n /** Enables extended row feature of data-table */\n @Prop({ reflect: true }) enableExpandableRows: boolean = false;\n\n /** Enables table to take 100% available width with equal spacing of columns */\n @Prop({ reflect: true }) enableResponsive: boolean = false;\n\n /** Variant of the component, based on current mode. */\n @Prop({ reflect: true }) modeVariant: 'primary' | 'secondary' = null;\n\n /** ID used for internal table functionality and events, must be unique.\n *\n * **NOTE**: If you're listening for table events you need to set this ID yourself to identify the table, as the default ID is random and will be different every time.\n */\n @Prop() tableId: string = crypto.randomUUID();\n\n @Element() host: HTMLElement;\n\n /** @internal Broadcasts changes to the tables props */\n @Event({\n eventName: 'internalSddsTablePropChange',\n bubbles: true,\n composed: true,\n cancelable: false,\n })\n internalSddsTablePropChange: EventEmitter<InternalSddsTablePropChange>;\n\n emitInternalSddsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]) {\n this.internalSddsTablePropChange.emit({\n tableId: this.tableId,\n changed: [changedValueName],\n [changedValueName]: changedValue,\n });\n }\n\n @Watch('enableMultiselect')\n enableMultiselectChanged(newValue: boolean) {\n this.emitInternalSddsPropChange('enableMultiselect', newValue);\n }\n\n @Watch('enableExpandableRows')\n enableExpandableRowsChanged(newValue: boolean) {\n this.emitInternalSddsPropChange('enableExpandableRows', newValue);\n }\n\n @Watch('compactDesign')\n compactDesignChanged(newValue: boolean) {\n this.emitInternalSddsPropChange('compactDesign', newValue);\n }\n\n @Watch('verticalDividers')\n verticalDividersChanged(newValue: boolean) {\n this.emitInternalSddsPropChange('verticalDividers', newValue);\n }\n\n @Watch('noMinWidth')\n noMinWidthChanged(newValue: boolean) {\n this.emitInternalSddsPropChange('noMinWidth', newValue);\n }\n\n @Watch('modeVariant')\n modeVariantChanged(newValue: 'primary' | 'secondary' | null) {\n this.emitInternalSddsPropChange('modeVariant', newValue);\n }\n\n render() {\n return (\n <Host class={{ 'sdds-table--responsive': this.enableResponsive }}>\n <table\n class={{\n 'sdds-table': true,\n 'sdds-table--compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-table--no-min-width': this.noMinWidth,\n 'sdds-table--responsive': this.enableResponsive,\n }}\n >\n <slot />\n </table>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAW,gM,MC0BJC,EAAK,M,wHAEqC,M,mBAGH,M,iDAOI,M,0BAGG,M,sBAGJ,M,iBAGW,K,aAMtCC,OAAOC,Y,CAajCC,2BAA2BC,EAA+BC,GACxDC,KAAKC,4BAA4BC,KAAK,CACpCC,QAASH,KAAKG,QACdC,QAAS,CAACN,GACVA,CAACA,GAAmBC,G,CAKxBM,yBAAyBC,GACvBN,KAAKH,2BAA2B,oBAAqBS,E,CAIvDC,4BAA4BD,GAC1BN,KAAKH,2BAA2B,uBAAwBS,E,CAI1DE,qBAAqBF,GACnBN,KAAKH,2BAA2B,gBAAiBS,E,CAInDG,wBAAwBH,GACtBN,KAAKH,2BAA2B,mBAAoBS,E,CAItDI,kBAAkBJ,GAChBN,KAAKH,2BAA2B,aAAcS,E,CAIhDK,mBAAmBL,GACjBN,KAAKH,2BAA2B,cAAeS,E,CAGjDM,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAAE,yBAA0Bf,KAAKgB,mBAC5CH,EAAA,SACEE,MAAO,CACL,aAAc,KACd,sBAAuBf,KAAKiB,cAC5B,sBAAuBjB,KAAKkB,iBAC5B,2BAA4BlB,KAAKmB,WACjC,yBAA0BnB,KAAKgB,mBAGjCH,EAAA,c"}

package/dist/tegel/p-dea63f0d.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as r,H as t}from"./p-0a99765f.js";const e=class{constructor(r){s(this,r);this.uuid=crypto.randomUUID()}render(){return r(t,null,r("sdds-header-dropdown-list",{type:"lg"},r("slot",null)))}};export{e as sdds_header_launcher_list};
2	- //# sourceMappingURL=p-dea63f0d.entry.js.map

package/dist/tegel/p-dea63f0d.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["HeaderLauncherList","constructor","hostRef","this","uuid","crypto","randomUUID","render","h","Host","type"],"sources":["./src/components/header/webcomponent/header-launcher-list/header-launcher-list.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'sdds-header-launcher-list',\n shadow: false,\n})\nexport class HeaderLauncherList {\n uuid: string = crypto.randomUUID();\n\n render() {\n return (\n <Host>\n <sdds-header-dropdown-list type=\"lg\">\n <slot></slot>\n </sdds-header-dropdown-list>\n </Host>\n );\n }\n}\n"],"mappings":"wDAMaA,EAAkB,MAJ/BC,YAAAC,G,UAKEC,KAAAC,KAAeC,OAAOC,Y,CAEtBC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,6BAA2BE,KAAK,MAC9BF,EAAA,c"}

package/dist/tegel/p-e4fef4ae.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as r,H as e,g as n}from"./p-0a99765f.js";import{g as t,a as o}from"./p-5e9e9d8a.js";const d=".sdds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";const i=class{constructor(r){s(this,r);this.headingElement=undefined}componentWillLoad(){const s=this.host;const r=t(s,(s=>{const r=s;return o(r)}));if(r){this.headingElement=r}else{console.warn("Heading element for list not found")}}render(){var s;const n={class:"sdds-header-launcher-grid",role:"list","aria-labelledby":(s=this.headingElement)===null\|\|s===void 0?void 0:s.id};return r(e,null,r("div",Object.assign({},n),r("slot",null)))}get host(){return n(this)}};i.style=d;export{i as sdds_header_launcher_grid};
2	- //# sourceMappingURL=p-e4fef4ae.entry.js.map

package/dist/tegel/p-e4fef4ae.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["headerLauncherGridCss","HeaderLauncherGrid","componentWillLoad","listRoot","this","host","headingEl","getPreviousNestedChildOfSiblingsMatching","el","e","isHeadingElement","headingElement","console","warn","render","listAttributes","class","role","_a","id","h","Host","Object","assign"],"sources":["./src/components/header/webcomponent/header-launcher-grid/header-launcher-grid.scss?tag=sdds-header-launcher-grid","./src/components/header/webcomponent/header-launcher-grid/header-launcher-grid.tsx"],"sourcesContent":[".sdds-header-launcher-grid {\n box-sizing: border-box;\n padding: 12px;\n margin: 0;\n list-style: none;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 4px;\n border-radius: none;\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport {\n getPreviousNestedChildOfSiblingsMatching,\n isHeadingElement,\n} from '../../../../utils/utils';\n\n@Component({\n tag: 'sdds-header-launcher-grid',\n styleUrl: 'header-launcher-grid.scss',\n shadow: false,\n})\nexport class HeaderLauncherGrid {\n @Element() host: HTMLElement;\n\n @State() headingElement: HTMLElement;\n\n componentWillLoad() {\n const listRoot = this.host;\n\n const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {\n const e = el;\n return isHeadingElement(e);\n });\n\n if (headingEl) {\n this.headingElement = headingEl;\n } else {\n console.warn('Heading element for list not found');\n }\n }\n\n render() {\n const listAttributes = {\n 'class': 'sdds-header-launcher-grid',\n 'role': 'list',\n 'aria-labelledby': this.headingElement?.id,\n };\n return (\n <Host>\n <div {...listAttributes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAwB,+K,MCWjBC,EAAkB,M,uDAK7BC,oBACE,MAAMC,EAAWC,KAAKC,KAEtB,MAAMC,EAAYC,EAAyCJ,GAAWK,IACpE,MAAMC,EAAID,EACV,OAAOE,EAAiBD,EAAE,IAG5B,GAAIH,EAAW,CACbF,KAAKO,eAAiBL,C,KACjB,CACLM,QAAQC,KAAK,qC,EAIjBC,S,MACE,MAAMC,EAAiB,CACrBC,MAAS,4BACTC,KAAQ,OACR,mBAAmBC,EAAAd,KAAKO,kBAAc,MAAAO,SAAA,SAAAA,EAAEC,IAE1C,OACEC,EAACC,EAAI,KACHD,EAAA,MAAAE,OAAAC,OAAA,GAASR,GACPK,EAAA,c"}

package/dist/tegel/p-e867fe59.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as d}from"./p-0a99765f.js";const r=":root,html{--sdds-spinner-background:var(--sdds-blue-400);--sdds-spinner-background-inverted:var(--sdds-white);--sdds-spinner-speed:1.8s;--sdds-spinner-speed-lg:2s;--sdds-spinner-radius-xs:8px;--sdds-spinner-radius-sm:12px;--sdds-spinner-radius-md:26px;--sdds-spinner-radius-lg:42px;--sdds-spinner-radius:var(--sdds-spinner-radius-lg);--sdds-spinner-stroke-width-xs:3px;--sdds-spinner-stroke-width-sm:4px;--sdds-spinner-stroke-width-md:6px;--sdds-spinner-stroke-width-lg:8px;--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host {box-sizing:border-box}.sdds-spinner-svg{width:calc(var(--sdds-spinner-radius) 2);height:calc(var(--sdds-spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.sdds-spinner-svg-xs{--sdds-spinner-radius:var(--sdds-spinner-radius-xs);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-xs);--sdds-spinner-animation-speed:var(--sdds-spinner-speed)}.sdds-spinner-svg-sm{--sdds-spinner-radius:var(--sdds-spinner-radius-sm);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-sm);--sdds-spinner-animation-speed:var(--sdds-spinner-speed)}.sdds-spinner-svg-md{--sdds-spinner-radius:var(--sdds-spinner-radius-md);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-md);--sdds-spinner-animation-speed:var(--sdds-spinner-speed)}.sdds-spinner-svg-lg{--sdds-spinner-radius:var(--sdds-spinner-radius-lg);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-lg);--sdds-spinner-animation-speed:var(--sdds-spinner-speed-lg)}.sdds-spinner-circle{cx:var(--sdds-spinner-radius);cy:var(--sdds-spinner-radius);r:calc(var(--sdds-spinner-radius) - var(--sdds-spinner-stroke-width) / 2);stroke-width:var(--sdds-spinner-stroke-width);fill:none;--sdds-spinner-stroke-dash:calc((2 * var(--PI)) * var(--sdds-spinner-radius));stroke-dasharray:var(--sdds-spinner-stroke-dash);stroke-width:var(--sdds-spinner-stroke-width);animation:dash var(--sdds-spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.sdds-spinner-circle-standard{stroke:var(--sdds-spinner-background)}.sdds-spinner-circle-inverted{stroke:var(--sdds-spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--sdds-spinner-stroke-dash))}to{stroke-dashoffset:var(--sdds-spinner-stroke-dash)}}";const n=class{constructor(d){s(this,d);this.size="lg";this.variant="standard"}render(){return d("div",{"aria-live":"assertive",role:"status","aria-label":"loading"},d("svg",{class:`sdds-spinner-svg sdds-spinner-svg-${this.size}`,"aria-hidden":"true"},d("circle",{class:`sdds-spinner-circle sdds-spinner-circle-${this.variant}`})))}};n.style=r;export{n as sdds_spinner};
2	- //# sourceMappingURL=p-e867fe59.entry.js.map

package/dist/tegel/p-e867fe59.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["spinnerCss","Spinner","render","h","role","class","this","size","variant"],"sources":["./src/components/spinner/spinner.scss?tag=sdds-spinner","./src/components/spinner/spinner.tsx"],"sourcesContent":["@import './spinner-vars.scss';\n@import '../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n display: block;\n}\n\n.sdds-spinner-svg {\n width: calc(var(--sdds-spinner-radius) * 2);\n height: calc(var(--sdds-spinner-radius) * 2);\n transform: scale(-1, 1) rotate(-90deg);\n\n &-xs {\n --sdds-spinner-radius: var(--sdds-spinner-radius-xs);\n --sdds-spinner-stroke-width: var(--sdds-spinner-stroke-width-xs);\n --sdds-spinner-animation-speed: var(--sdds-spinner-speed);\n }\n\n &-sm {\n --sdds-spinner-radius: var(--sdds-spinner-radius-sm);\n --sdds-spinner-stroke-width: var(--sdds-spinner-stroke-width-sm);\n --sdds-spinner-animation-speed: var(--sdds-spinner-speed);\n }\n\n &-md {\n --sdds-spinner-radius: var(--sdds-spinner-radius-md);\n --sdds-spinner-stroke-width: var(--sdds-spinner-stroke-width-md);\n --sdds-spinner-animation-speed: var(--sdds-spinner-speed);\n }\n\n &-lg {\n --sdds-spinner-radius: var(--sdds-spinner-radius-lg);\n --sdds-spinner-stroke-width: var(--sdds-spinner-stroke-width-lg);\n --sdds-spinner-animation-speed: var(--sdds-spinner-speed-lg);\n }\n}\n\n.sdds-spinner-circle {\n cx: var(--sdds-spinner-radius);\n cy: var(--sdds-spinner-radius);\n r: calc(var(--sdds-spinner-radius) - (var(--sdds-spinner-stroke-width) / 2));\n stroke-width: var(--sdds-spinner-stroke-width);\n fill: none;\n\n //Calculation for lenght of dash\n --sdds-spinner-stroke-dash: calc((2 * var(--PI)) * var(--sdds-spinner-radius));\n\n stroke-dasharray: var(--sdds-spinner-stroke-dash);\n stroke-width: var(--sdds-spinner-stroke-width);\n animation: dash var(--sdds-spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;\n\n &-standard {\n stroke: var(--sdds-spinner-background);\n }\n\n &-inverted {\n stroke: var(--sdds-spinner-background-inverted);\n }\n}\n\n@keyframes dash {\n from {\n stroke-dashoffset: calc(-1 * var(--sdds-spinner-stroke-dash));\n }\n\n to {\n stroke-dashoffset: var(--sdds-spinner-stroke-dash);\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-spinner',\n styleUrl: 'spinner.scss',\n shadow: false,\n})\nexport class Spinner {\n /** Size of spinner */\n @Prop() size: 'xs' | 'sm' | 'md' | 'lg' = 'lg';\n\n /** Variant of spinner */\n @Prop() variant: 'standard' | 'inverted' = 'standard';\n\n render() {\n return (\n <div aria-live=\"assertive\" role=\"status\" aria-label=\"loading\">\n <svg class={`sdds-spinner-svg sdds-spinner-svg-${this.size}`} aria-hidden=\"true\">\n <circle class={`sdds-spinner-circle sdds-spinner-circle-${this.variant}`} />\n </svg>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAa,gxE,MCONC,EAAO,M,mCAEwB,K,aAGC,U,CAE3CC,SACE,OACEC,EAAA,mBAAe,YAAYC,KAAK,SAAQ,aAAY,WAClDD,EAAA,OAAKE,MAAO,qCAAqCC,KAAKC,OAAM,cAAc,QACxEJ,EAAA,UAAQE,MAAO,2CAA2CC,KAAKE,a"}

package/dist/tegel/p-eb227126.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as t,H as e,g as i}from"./p-0a99765f.js";import{g as o,a as n}from"./p-5e9e9d8a.js";const l=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--sdds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([type=lg]){width:320px}";const d=class{constructor(t){s(this,t);this.slotListeners=new Map;this.type="md";this.headingElement=undefined}componentWillLoad(){const{children:s}=this.host;for(let t=0;t<s.length;t++){const e=s[t];if("type"in e){e.type=this.type}}let t=this.host;if(this.host.parentElement.tagName.toLowerCase()==="sdds-header-launcher-list"){t=this.host.parentElement}const e=o(t,n);if(e){this.headingElement=e}else{console.warn("Heading element for list not found")}}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((s=>{const t=s=>{this.processAssignedElements(s.target)};s.addEventListener("slotchange",t);t({target:s});this.slotListeners.set(s,t)}))}processAssignedElements(s){const t=s.assignedElements();t.forEach((s=>{if(s.tagName.toLowerCase()!=="li"&&s.tagName.toLowerCase()!=="slot"&&s.getAttribute("role")!=="listitem"){s.setAttribute("role","listitem")}if(s.tagName.toLowerCase()==="slot"){this.processAssignedElements(s)}}))}disconnectedCallback(){this.slotListeners.forEach(((s,t)=>{t.removeEventListener("slotchange",s);this.slotListeners.delete(t)}))}render(){var s;const i={role:"list","aria-labelledby":(s=this.headingElement)===null\|\|s===void 0?void 0:s.id};return t(e,Object.assign({},i),t("slot",null))}get host(){return i(this)}};d.style=l;export{d as sdds_header_dropdown_list};
2	- //# sourceMappingURL=p-eb227126.entry.js.map

package/dist/tegel/p-eb227126.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["headerDropdownListCss","HeaderDropdownList","this","slotListeners","Map","componentWillLoad","children","host","i","length","child","type","listRoot","parentElement","tagName","toLowerCase","headingEl","getPreviousNestedChildOfSiblingsMatching","isHeadingElement","headingElement","console","warn","componentDidLoad","shadowRoot","querySelectorAll","forEach","slot","onSlotChange","e","processAssignedElements","target","addEventListener","set","nodes","assignedElements","node","getAttribute","setAttribute","disconnectedCallback","listener","removeEventListener","delete","render","attributes","role","_a","id","h","Host","Object","assign"],"sources":["./src/components/header/webcomponent/header-dropdown-list/header-dropdown-list.scss?tag=sdds-header-dropdown-list&encapsulation=shadow","./src/components/header/webcomponent/header-dropdown-list/header-dropdown-list.tsx"],"sourcesContent":["@import '../../../../global/_variables.scss';\n\n:host {\n display: block;\n width: 190px;\n\n @media all and (max-width: $media-fullwidth) {\n width: 100vw;\n }\n\n padding: 0;\n margin: 0;\n list-style: none;\n border-radius: none;\n background-color: var(--sdds-header-app-launcher-menu-bg);\n}\n\n:host([type='lg']) {\n width: 320px;\n}\n","import { Component, Element, Host, h, Prop, State } from '@stencil/core';\nimport {\n getPreviousNestedChildOfSiblingsMatching,\n isHeadingElement,\n} from '../../../../utils/utils';\n\n@Component({\n tag: 'sdds-header-dropdown-list',\n styleUrl: 'header-dropdown-list.scss',\n shadow: true,\n})\nexport class HeaderDropdownList {\n @Element() host: HTMLElement;\n\n // A Map to store the slots and their associated slotchange listeners.\n private slotListeners: Map<HTMLSlotElement, EventListener> = new Map();\n\n @Prop({ reflect: true }) type: 'lg' | 'md' = 'md';\n\n @State() headingElement: HTMLElement;\n\n componentWillLoad() {\n const { children } = this.host;\n\n // Set the type prop for each child, if they have such a property\n for (let i = 0; i < children.length; i++) {\n const child = children[i] as any;\n\n if ('type' in child) {\n child.type = this.type;\n }\n }\n\n let listRoot = this.host;\n if (this.host.parentElement.tagName.toLowerCase() === 'sdds-header-launcher-list') {\n listRoot = this.host.parentElement;\n }\n\n const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, isHeadingElement);\n\n if (headingEl) {\n this.headingElement = headingEl;\n } else {\n console.warn('Heading element for list not found');\n }\n }\n\n componentDidLoad() {\n this.host.shadowRoot.querySelectorAll('slot').forEach((slot: HTMLSlotElement) => {\n // Add the slotchange event listener.\n const onSlotChange: EventListener = (e: Event) => {\n this.processAssignedElements(e.target as HTMLSlotElement);\n };\n\n slot.addEventListener('slotchange', onSlotChange);\n\n onSlotChange({ target: slot } as unknown as Event);\n\n // Store the slot and its listener in the Map.\n this.slotListeners.set(slot, onSlotChange);\n });\n }\n\n processAssignedElements(slot: HTMLSlotElement): void {\n const nodes: Element[] = slot.assignedElements();\n nodes.forEach((node: Element) => {\n // Add a listitem role to the assigned element if needed.\n if (\n node.tagName.toLowerCase() !== 'li' &&\n node.tagName.toLowerCase() !== 'slot' &&\n node.getAttribute('role') !== 'listitem'\n ) {\n node.setAttribute('role', 'listitem');\n }\n\n // If the assigned element is a slot, process its assigned elements recursively.\n if (node.tagName.toLowerCase() === 'slot') {\n this.processAssignedElements(node as HTMLSlotElement);\n }\n });\n }\n\n disconnectedCallback() {\n this.slotListeners.forEach((listener: EventListener, slot: HTMLSlotElement) => {\n // Remove the slotchange event listener and delete the entry from the Map.\n slot.removeEventListener('slotchange', listener);\n this.slotListeners.delete(slot);\n });\n }\n\n render() {\n const attributes = {\n 'role': 'list',\n 'aria-labelledby': this.headingElement?.id,\n };\n\n return (\n <Host {...attributes}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAwB,oO,MCWjBC,EAAkB,M,yBAIrBC,KAAAC,cAAqD,IAAIC,I,UAEpB,K,8BAI7CC,oBACE,MAAMC,SAAEA,GAAaJ,KAAKK,KAG1B,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACxC,MAAME,EAAQJ,EAASE,GAEvB,GAAI,SAAUE,EAAO,CACnBA,EAAMC,KAAOT,KAAKS,I,EAItB,IAAIC,EAAWV,KAAKK,KACpB,GAAIL,KAAKK,KAAKM,cAAcC,QAAQC,gBAAkB,4BAA6B,CACjFH,EAAWV,KAAKK,KAAKM,a,CAGvB,MAAMG,EAAYC,EAAyCL,EAAUM,GAErE,GAAIF,EAAW,CACbd,KAAKiB,eAAiBH,C,KACjB,CACLI,QAAQC,KAAK,qC,EAIjBC,mBACEpB,KAAKK,KAAKgB,WAAWC,iBAAiB,QAAQC,SAASC,IAErD,MAAMC,EAA+BC,IACnC1B,KAAK2B,wBAAwBD,EAAEE,OAA0B,EAG3DJ,EAAKK,iBAAiB,aAAcJ,GAEpCA,EAAa,CAAEG,OAAQJ,IAGvBxB,KAAKC,cAAc6B,IAAIN,EAAMC,EAAa,G,CAI9CE,wBAAwBH,GACtB,MAAMO,EAAmBP,EAAKQ,mBAC9BD,EAAMR,SAASU,IAEb,GACEA,EAAKrB,QAAQC,gBAAkB,MAC/BoB,EAAKrB,QAAQC,gBAAkB,QAC/BoB,EAAKC,aAAa,UAAY,WAC9B,CACAD,EAAKE,aAAa,OAAQ,W,CAI5B,GAAIF,EAAKrB,QAAQC,gBAAkB,OAAQ,CACzCb,KAAK2B,wBAAwBM,E,KAKnCG,uBACEpC,KAAKC,cAAcsB,SAAQ,CAACc,EAAyBb,KAEnDA,EAAKc,oBAAoB,aAAcD,GACvCrC,KAAKC,cAAcsC,OAAOf,EAAK,G,CAInCgB,S,MACE,MAAMC,EAAa,CACjBC,KAAQ,OACR,mBAAmBC,EAAA3C,KAAKiB,kBAAc,MAAA0B,SAAA,SAAAA,EAAEC,IAG1C,OACEC,EAACC,EAAIC,OAAAC,OAAA,GAAKP,GACRI,EAAA,a"}

package/dist/tegel/p-eb3914bf.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as d,H as e,g as o,c as t}from"./p-0a99765f.js";const r=":host(.sdds-table__body-cell){box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--sdds-data-table-color);padding:var(--sdds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.sdds-table__body-cell) {box-sizing:border-box}:host(.sdds-table__body-cell--no-padding){padding:0}:host(.sdds-table__body-cell--hover){background-color:var(--sdds-data-table-body-cell-background-hover)}:host(.sdds-table__compact){padding:var(--sdds-spacing-element-8) var(--sdds-spacing-element-16)}:host(.sdds-table--divider){border-right:1px solid var(--sdds-data-table-divider)}:host(.sdds-table--divider:last-of-type){border-right:none}:host(.sdds-table--no-min-width){min-width:unset}";const i=["verticalDividers","compactDesign","noMinWidth"];const a=class{constructor(d){s(this,d);this.cellValue=undefined;this.cellKey=undefined;this.disablePadding=false;this.textAlignState=undefined;this.activeSorting=false;this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=false;this.whiteBackground=false;this.tableId=""}internalSddsPropChangeListener(s){if(this.tableId===s.detail.tableId){s.detail.changed.filter((s=>i.includes(s))).forEach((d=>{if(typeof this[d]==="undefined"){throw new Error(`Table prop is not supported: ${d}`)}this[d]=s.detail[d]}))}}internalSddsHoverListener(s){const[d,e]=s.detail;if(this.tableId===d){this.activeSorting=this.cellKey===e}}internalSddsTextAlignListener(s){const[d,e,o]=s.detail;if(this.tableId===d){if(this.cellKey===e){this.textAlignState=o}}}connectedCallback(){this.tableEl=this.host.closest("sdds-table");this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((s=>{this[s]=this.tableEl[s]}))}render(){return d(e,{class:{"sdds-table__body-cell":true,"sdds-table__body-cell--hover":this.activeSorting,"sdds-table__compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-table--no-min-width":this.noMinWidth,"sdds-table__body-cell--no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,d("slot",null))}get host(){return o(this)}};a.style=r;const c=":root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-background-opacity-hover:0.12;--sdds-checkbox-background-opacity-focus:0.24;--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:var(--sdds-grey-600);--sdds-checkbox-background-focus:var(--sdds-grey-600);--sdds-checkbox-background-opacity-hover:0.48;--sdds-checkbox-background-opacity-focus:0.72;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item {box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:\"\";position:absolute;box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:var(--sdds-checkbox-background-opacity-hover)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:var(--sdds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host(.sdds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--sdds-data-table-divider);background-color:var(--sdds-data-table-body-row-background);transition:background-color 200ms ease;color:var(--sdds-data-table-color)}:host(.sdds-table__row) *{box-sizing:border-box}:host(.sdds-table__row) .sdds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.sdds-table__row:hover){background-color:var(--sdds-data-table-body-row-background-hover)}:host(.sdds-table__row--selected){background-color:var(--sdds-data-table-body-row-background-active)}:host(.sdds-table__row--selected:hover){background-color:var(--sdds-data-table-body-row-background-active-hover)}:host(.sdds-table__row--hidden){display:none}:host(.sdds-table__row--expended){width:100%;background-color:pink}:host .sdds-form-label--data-table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.sdds-table__compact) .sdds-form-label--data-table{height:32px}:host(.sdds-table--divider) .sdds-table__body-cell--checkbox{border-right:1px solid var(--sdds-data-table-divider)}";const b=["enableMultiselect","verticalDividers","compactDesign","modeVariant"];const l=class{constructor(d){s(this,d);this.internalSddsRowChange=t(this,"internalSddsRowChange",6);this.internalSddsPagination=t(this,"internalSddsPagination",6);this.enableMultiselect=false;this.bodyCheckBoxStatus=false;this.mainCheckBoxStatus=false;this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=false;this.modeVariant=null;this.tableId=""}bodyCheckBoxClicked(s){const d=this.host;this.bodyCheckBoxStatus=s.currentTarget.checked;if(this.bodyCheckBoxStatus===true){d.classList.add("sdds-table__row--selected")}else{d.classList.remove("sdds-table__row--selected")}this.internalSddsRowChange.emit(this.bodyCheckBoxStatus)}bodyCheckBoxStatusUpdater(s){this.mainCheckBoxStatus=s;this.bodyCheckBoxStatus=this.mainCheckBoxStatus;const d=this.host;if(this.bodyCheckBoxStatus===true){d.classList.add("sdds-table__row--selected")}else{d.classList.remove("sdds-table__row--selected")}this.internalSddsRowChange.emit(this.bodyCheckBoxStatus)}internalSddsPropChangeListener(s){if(this.tableId===s.detail.tableId){s.detail.changed.filter((s=>b.includes(s))).forEach((d=>{if(typeof this[d]==="undefined"){throw new Error(`Table prop is not supported: ${d}`)}this[d]=s.detail[d]}))}}headCheckboxListener(s){if(this.tableId===s.detail[0]){this.bodyCheckBoxStatusUpdater(s.detail[1])}}internalSddsCheckboxChangeListener(s){const[d,e]=s.detail;if(this.tableId===d){this.bodyCheckBoxStatusUpdater(e)}}connectedCallback(){this.tableEl=this.host.closest("sdds-table");this.tableId=this.tableEl.tableId}componentWillLoad(){b.forEach((s=>{this[s]=this.tableEl[s]}))}componentDidLoad(){this.internalSddsPagination.emit(this.tableId)}render(){return d(e,{class:{"sdds-table__row":true,"sdds-table__compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-mode-variant-primary":this.modeVariant==="primary","sdds-mode-variant-secondary":this.modeVariant==="secondary"}},this.enableMultiselect&&d("td",{class:"sdds-table__body-cell sdds-table__body-cell--checkbox"},d("div",{class:"sdds-checkbox-item"},d("label",{class:"sdds-form-label sdds-form-label--data-table"},d("input",{class:"sdds-form-input",type:"checkbox",onChange:s=>this.bodyCheckBoxClicked(s),checked:this.bodyCheckBoxStatus})))),d("slot",null))}get host(){return o(this)}};l.style=c;export{a as sdds_body_cell,l as sdds_table_body_row};
2	- //# sourceMappingURL=p-eb3914bf.entry.js.map

package/dist/tegel/p-eb3914bf.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableBodyCellCss","relevantTableProps","TableBodyCell","internalSddsPropChangeListener","event","this","tableId","detail","changed","filter","changedProp","includes","forEach","Error","internalSddsHoverListener","receivedID","receivedKeyValue","activeSorting","cellKey","internalSddsTextAlignListener","receivedKey","receivedTextAlign","textAlignState","connectedCallback","tableEl","host","closest","componentWillLoad","tablePropName","render","h","Host","class","compactDesign","verticalDividers","noMinWidth","disablePadding","style","textAlign","cellValue","tableBodyRowCss","TableBodyRow","bodyCheckBoxClicked","row","bodyCheckBoxStatus","currentTarget","checked","classList","add","remove","internalSddsRowChange","emit","bodyCheckBoxStatusUpdater","status","mainCheckBoxStatus","headCheckboxListener","internalSddsCheckboxChangeListener","receivedBodyCheckboxStatus","componentDidLoad","internalSddsPagination","modeVariant","enableMultiselect","type","onChange"],"sources":["./src/components/data-table/table-body-cell/table-body-cell.scss?tag=sdds-body-cell&encapsulation=shadow","./src/components/data-table/table-body-cell/table-body-cell.tsx","./src/components/data-table/table-body-row/table-body-row.scss?tag=sdds-table-body-row&encapsulation=shadow","./src/components/data-table/table-body-row/table-body-row.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__body-cell) {\n @include sdds-box-sizing;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n display: table-cell;\n box-sizing: border-box;\n color: var(--sdds-data-table-color);\n padding: var(--sdds-spacing-element-16);\n min-width: 192px;\n vertical-align: top;\n background-color: transparent;\n transition: background-color 200ms ease;\n}\n\n:host(.sdds-table__body-cell--no-padding) {\n padding: 0;\n}\n\n:host(.sdds-table__body-cell--hover) {\n background-color: var(--sdds-data-table-body-cell-background-hover);\n}\n\n:host(.sdds-table__compact) {\n padding: var(--sdds-spacing-element-8) var(--sdds-spacing-element-16);\n}\n\n:host(.sdds-table--divider) {\n border-right: 1px solid var(--sdds-data-table-divider);\n}\n\n:host(.sdds-table--divider:last-of-type) {\n border-right: none;\n}\n\n:host(.sdds-table--no-min-width) {\n min-width: unset;\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { InternalSddsTablePropChange } from '../table/table';\n\nconst relevantTableProps: InternalSddsTablePropChange['changed'] = [\n 'verticalDividers',\n 'compactDesign',\n 'noMinWidth',\n];\n@Component({\n tag: 'sdds-body-cell',\n styleUrl: 'table-body-cell.scss',\n shadow: true,\n})\nexport class TableBodyCell {\n /** Value that will be presented as text inside a cell */\n @Prop({ reflect: true }) cellValue: string | number;\n\n /** Passing same cell key for all body cells which is used in head cell enables features of text align and hovering */\n @Prop({ reflect: true }) cellKey: any;\n\n /** Disables internal padding. Useful when passing other components to cell. */\n @Prop({ reflect: true }) disablePadding: boolean = false;\n\n @State() textAlignState: string;\n\n @State() activeSorting: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() whiteBackground: boolean = false;\n\n @State() tableId: string = '';\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n @Listen('internalSddsPropChange', { target: 'body' })\n internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n // Listen to headKey from data-table-header-element\n @Listen('internalSddsHover', { target: 'body' })\n internalSddsHoverListener(event: CustomEvent<any>) {\n const [receivedID, receivedKeyValue] = event.detail;\n\n if (this.tableId === receivedID) {\n this.activeSorting = this.cellKey === receivedKeyValue;\n }\n }\n\n // Listen to internalSddsTextAlign from data-table-header-element\n @Listen('internalSddsTextAlign', { target: 'body' })\n internalSddsTextAlignListener(event: CustomEvent<any>) {\n const [receivedID, receivedKey, receivedTextAlign] = event.detail;\n\n if (this.tableId === receivedID) {\n if (this.cellKey === receivedKey) {\n this.textAlignState = receivedTextAlign;\n }\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n }\n\n render() {\n return (\n <Host\n class={{\n 'sdds-table__body-cell': true,\n 'sdds-table__body-cell--hover': this.activeSorting,\n 'sdds-table__compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-table--no-min-width': this.noMinWidth,\n 'sdds-table__body-cell--no-padding': this.disablePadding,\n }}\n style={{ textAlign: this.textAlignState }}\n >\n {this.cellValue}\n <slot />\n </Host>\n );\n }\n}\n","/* As checkbox is not a web component, we have to import them here in order to have styles available - shadow DOM is a reason */\n@import '../../checkbox/checkbox';\n@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__row) {\n @include sdds-box-sizing;\n\n display: table-row;\n border-bottom: 1px solid var(--sdds-data-table-divider);\n background-color: var(--sdds-data-table-body-row-background);\n transition: background-color 200ms ease;\n color: var(--sdds-data-table-color);\n\n .sdds-table__body-cell--checkbox {\n min-width: 48px;\n width: 48px;\n padding: 0;\n }\n}\n\n:host(.sdds-table__row:hover) {\n background-color: var(--sdds-data-table-body-row-background-hover);\n}\n\n:host(.sdds-table__row--selected) {\n background-color: var(--sdds-data-table-body-row-background-active);\n}\n\n:host(.sdds-table__row--selected:hover) {\n background-color: var(--sdds-data-table-body-row-background-active-hover);\n}\n\n:host(.sdds-table__row--hidden) {\n display: none;\n}\n\n:host(.sdds-table__row--expended) {\n width: 100%;\n background-color: pink;\n}\n\n:host {\n // Extra rule for label use in data-data-table\n .sdds-form-label--data-table {\n width: 100%;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n }\n}\n\n:host(.sdds-table__compact) {\n .sdds-form-label--data-table {\n height: 32px;\n }\n}\n\n:host(.sdds-table--divider) {\n .sdds-table__body-cell--checkbox {\n border-right: 1px solid var(--sdds-data-table-divider);\n }\n}\n","import { Component, Element, h, Host, State, Event, EventEmitter, Listen } from '@stencil/core';\nimport { InternalSddsTablePropChange } from '../table/table';\n\nconst relevantTableProps: InternalSddsTablePropChange['changed'] = [\n 'enableMultiselect',\n 'verticalDividers',\n 'compactDesign',\n 'modeVariant',\n];\n\n@Component({\n tag: 'sdds-table-body-row',\n styleUrl: 'table-body-row.scss',\n shadow: true,\n})\nexport class TableBodyRow {\n @State() enableMultiselect: boolean = false;\n\n @State() bodyCheckBoxStatus: boolean = false;\n\n @State() mainCheckBoxStatus: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() modeVariant: 'primary' | 'secondary' = null;\n\n @State() tableId: string = '';\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n bodyCheckBoxClicked(event) {\n const row = this.host;\n this.bodyCheckBoxStatus = event.currentTarget.checked;\n if (this.bodyCheckBoxStatus === true) {\n row.classList.add('sdds-table__row--selected');\n } else {\n row.classList.remove('sdds-table__row--selected');\n }\n this.internalSddsRowChange.emit(this.bodyCheckBoxStatus);\n }\n\n bodyCheckBoxStatusUpdater(status) {\n this.mainCheckBoxStatus = status;\n this.bodyCheckBoxStatus = this.mainCheckBoxStatus;\n const row = this.host;\n if (this.bodyCheckBoxStatus === true) {\n row.classList.add('sdds-table__row--selected');\n } else {\n row.classList.remove('sdds-table__row--selected');\n }\n this.internalSddsRowChange.emit(this.bodyCheckBoxStatus);\n }\n\n @Listen('internalSddsTablePropChange', { target: 'body' })\n internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n /** @internal Send status of single row to the parent, sdds-table component that hold logic for data export and main checkbox control */\n @Event({\n eventName: 'internalSddsRowChange',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsRowChange: EventEmitter<boolean>;\n\n /** @internal Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */\n @Event({\n eventName: 'internalSddsPagination',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsPagination: EventEmitter<string>;\n\n @Listen('internalSddsMainCheckboxSelect', { target: 'body' })\n headCheckboxListener(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) {\n this.bodyCheckBoxStatusUpdater(event.detail[1]);\n }\n }\n\n @Listen('internalSddsCheckboxChange', { target: 'body' })\n internalSddsCheckboxChangeListener(event: CustomEvent<any>) {\n const [receivedID, receivedBodyCheckboxStatus] = event.detail;\n if (this.tableId === receivedID) {\n this.bodyCheckBoxStatusUpdater(receivedBodyCheckboxStatus);\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n }\n\n componentDidLoad() {\n this.internalSddsPagination.emit(this.tableId);\n }\n\n render() {\n return (\n <Host\n class={{\n 'sdds-table__row': true,\n 'sdds-table__compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-mode-variant-primary': this.modeVariant === 'primary',\n 'sdds-mode-variant-secondary': this.modeVariant === 'secondary',\n }}\n >\n {this.enableMultiselect && (\n <td class=\"sdds-table__body-cell sdds-table__body-cell--checkbox\">\n <div class=\"sdds-checkbox-item\">\n <label class=\"sdds-form-label sdds-form-label--data-table\">\n <input\n class=\"sdds-form-input\"\n type=\"checkbox\"\n onChange={(event) => this.bodyCheckBoxClicked(event)}\n checked={this.bodyCheckBoxStatus}\n />\n </label>\n </div>\n </td>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-ec26fc38.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var r="top";var t="bottom";var n="right";var e="left";var a="auto";var i=[r,t,n,e];var o="start";var v="end";var f="clippingParents";var u="viewport";var c="popper";var s="reference";var l=i.reduce((function(r,t){return r.concat([t+"-"+o,t+"-"+v])}),[]);var d=[].concat(i,[a]).reduce((function(r,t){return r.concat([t,t+"-"+o,t+"-"+v])}),[]);var p="beforeRead";var b="read";var h="afterRead";var y="beforeMain";var m="main";var x="afterMain";var w="beforeWrite";var O="write";var g="afterWrite";var j=[p,b,h,y,m,x,w,O,g];function M(r){return r?(r.nodeName\|\|"").toLowerCase():null}function k(r){if(r==null){return window}if(r.toString()!=="[object Window]"){var t=r.ownerDocument;return t?t.defaultView\|\|window:window}return r}function E(r){var t=k(r).Element;return r instanceof t\|\|r instanceof Element}function q(r){var t=k(r).HTMLElement;return r instanceof t\|\|r instanceof HTMLElement}function A(r){if(typeof ShadowRoot==="undefined"){return false}var t=k(r).ShadowRoot;return r instanceof t\|\|r instanceof ShadowRoot}function B(r){var t=r.state;Object.keys(t.elements).forEach((function(r){var n=t.styles[r]\|\|{};var e=t.attributes[r]\|\|{};var a=t.elements[r];if(!q(a)\|\|!M(a)){return}Object.assign(a.style,n);Object.keys(e).forEach((function(r){var t=e[r];if(t===false){a.removeAttribute(r)}else{a.setAttribute(r,t===true?"":t)}}))}))}function P(r){var t=r.state;var n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,n.popper);t.styles=n;if(t.elements.arrow){Object.assign(t.elements.arrow.style,n.arrow)}return function(){Object.keys(t.elements).forEach((function(r){var e=t.elements[r];var a=t.attributes[r]\|\|{};var i=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]);var o=i.reduce((function(r,t){r[t]="";return r}),{});if(!q(e)\|\|!M(e)){return}Object.assign(e.style,o);Object.keys(a).forEach((function(r){e.removeAttribute(r)}))}))}}const R={name:"applyStyles",enabled:true,phase:"write",fn:B,effect:P,requires:["computeStyles"]};function S(r){return r.split("-")[0]}var W=Math.max;var L=Math.min;var T=Math.round;function H(){var r=navigator.userAgentData;if(r!=null&&r.brands){return r.brands.map((function(r){return r.brand+"/"+r.version})).join(" ")}return navigator.userAgent}function I(){return!/^((?!chrome\|android).)safari/i.test(H())}function z(r,t,n){if(t===void 0){t=false}if(n===void 0){n=false}var e=r.getBoundingClientRect();var a=1;var i=1;if(t&&q(r)){a=r.offsetWidth>0?T(e.width)/r.offsetWidth\|\|1:1;i=r.offsetHeight>0?T(e.height)/r.offsetHeight\|\|1:1}var o=E(r)?k(r):window,v=o.visualViewport;var f=!I()&&n;var u=(e.left+(f&&v?v.offsetLeft:0))/a;var c=(e.top+(f&&v?v.offsetTop:0))/i;var s=e.width/a;var l=e.height/i;return{width:s,height:l,top:c,right:u+s,bottom:c+l,left:u,x:u,y:c}}function C(r){var t=z(r);var n=r.offsetWidth;var e=r.offsetHeight;if(Math.abs(t.width-n)<=1){n=t.width}if(Math.abs(t.height-e)<=1){e=t.height}return{x:r.offsetLeft,y:r.offsetTop,width:n,height:e}}function D(r,t){var n=t.getRootNode&&t.getRootNode();if(r.contains(t)){return true}else if(n&&A(n)){var e=t;do{if(e&&r.isSameNode(e)){return true}e=e.parentNode\|\|e.host}while(e)}return false}function F(r){return k(r).getComputedStyle(r)}function U(r){return["table","td","th"].indexOf(M(r))>=0}function V(r){return((E(r)?r.ownerDocument:r.document)\|\|window.document).documentElement}function _(r){if(M(r)==="html"){return r}return r.assignedSlot\|\|r.parentNode\|\|(A(r)?r.host:null)\|\|V(r)}function G(r){if(!q(r)\|\|F(r).position==="fixed"){return null}return r.offsetParent}function J(r){var t=/firefox/i.test(H());var n=/Trident/i.test(H());if(n&&q(r)){var e=F(r);if(e.position==="fixed"){return null}}var a=_(r);if(A(a)){a=a.host}while(q(a)&&["html","body"].indexOf(M(a))<0){var i=F(a);if(i.transform!=="none"\|\|i.perspective!=="none"\|\|i.contain==="paint"\|\|["transform","perspective"].indexOf(i.willChange)!==-1\|\|t&&i.willChange==="filter"\|\|t&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function K(r){var t=k(r);var n=G(r);while(n&&U(n)&&F(n).position==="static"){n=G(n)}if(n&&(M(n)==="html"\|\|M(n)==="body"&&F(n).position==="static")){return t}return n\|\|J(r)\|\|t}function N(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function Q(r,t,n){return W(r,L(t,n))}function X(r,t,n){var e=Q(r,t,n);return e>n?n:e}function Y(){return{top:0,right:0,bottom:0,left:0}}function Z(r){return Object.assign({},Y(),r)}function $(r,t){return t.reduce((function(t,n){t[n]=r;return t}),{})}var rr=function r(t,n){t=typeof t==="function"?t(Object.assign({},n.rects,{placement:n.placement})):t;return Z(typeof t!=="number"?t:$(t,i))};function tr(a){var i;var o=a.state,v=a.name,f=a.options;var u=o.elements.arrow;var c=o.modifiersData.popperOffsets;var s=S(o.placement);var l=N(s);var d=[e,n].indexOf(s)>=0;var p=d?"height":"width";if(!u\|\|!c){return}var b=rr(f.padding,o);var h=C(u);var y=l==="y"?r:e;var m=l==="y"?t:n;var x=o.rects.reference[p]+o.rects.reference[l]-c[l]-o.rects.popper[p];var w=c[l]-o.rects.reference[l];var O=K(u);var g=O?l==="y"?O.clientHeight\|\|0:O.clientWidth\|\|0:0;var j=x/2-w/2;var M=b[y];var k=g-h[p]-b[m];var E=g/2-h[p]/2+j;var q=Q(M,E,k);var A=l;o.modifiersData[v]=(i={},i[A]=q,i.centerOffset=q-E,i)}function nr(r){var t=r.state,n=r.options;var e=n.element,a=e===void 0?"[data-popper-arrow]":e;if(a==null){return}if(typeof a==="string"){a=t.elements.popper.querySelector(a);if(!a){return}}if(!D(t.elements.popper,a)){return}t.elements.arrow=a}const er={name:"arrow",enabled:true,phase:"main",fn:tr,effect:nr,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ar(r){return r.split("-")[1]}var ir={top:"auto",right:"auto",bottom:"auto",left:"auto"};function or(r){var t=r.x,n=r.y;var e=window;var a=e.devicePixelRatio\|\|1;return{x:T(ta)/a\|\|0,y:T(na)/a\|\|0}}function vr(a){var i;var o=a.popper,f=a.popperRect,u=a.placement,c=a.variation,s=a.offsets,l=a.position,d=a.gpuAcceleration,p=a.adaptive,b=a.roundOffsets,h=a.isFixed;var y=s.x,m=y===void 0?0:y,x=s.y,w=x===void 0?0:x;var O=typeof b==="function"?b({x:m,y:w}):{x:m,y:w};m=O.x;w=O.y;var g=s.hasOwnProperty("x");var j=s.hasOwnProperty("y");var M=e;var E=r;var q=window;if(p){var A=K(o);var B="clientHeight";var P="clientWidth";if(A===k(o)){A=V(o);if(F(A).position!=="static"&&l==="absolute"){B="scrollHeight";P="scrollWidth"}}A=A;if(u===r\|\|(u===e\|\|u===n)&&c===v){E=t;var R=h&&A===q&&q.visualViewport?q.visualViewport.height:A[B];w-=R-f.height;w=d?1:-1}if(u===e\|\|(u===r\|\|u===t)&&c===v){M=n;var S=h&&A===q&&q.visualViewport?q.visualViewport.width:A[P];m-=S-f.width;m=d?1:-1}}var W=Object.assign({position:l},p&&ir);var L=b===true?or({x:m,y:w}):{x:m,y:w};m=L.x;w=L.y;if(d){var T;return Object.assign({},W,(T={},T[E]=j?"0":"",T[M]=g?"0":"",T.transform=(q.devicePixelRatio\|\|1)<=1?"translate("+m+"px, "+w+"px)":"translate3d("+m+"px, "+w+"px, 0)",T))}return Object.assign({},W,(i={},i[E]=j?w+"px":"",i[M]=g?m+"px":"",i.transform="",i))}function fr(r){var t=r.state,n=r.options;var e=n.gpuAcceleration,a=e===void 0?true:e,i=n.adaptive,o=i===void 0?true:i,v=n.roundOffsets,f=v===void 0?true:v;var u={placement:S(t.placement),variation:ar(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,vr(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:f})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,vr(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:f})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const ur={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:fr,data:{}};var cr={passive:true};function sr(r){var t=r.state,n=r.instance,e=r.options;var a=e.scroll,i=a===void 0?true:a,o=e.resize,v=o===void 0?true:o;var f=k(t.elements.popper);var u=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(i){u.forEach((function(r){r.addEventListener("scroll",n.update,cr)}))}if(v){f.addEventListener("resize",n.update,cr)}return function(){if(i){u.forEach((function(r){r.removeEventListener("scroll",n.update,cr)}))}if(v){f.removeEventListener("resize",n.update,cr)}}}const lr={name:"eventListeners",enabled:true,phase:"write",fn:function r(){},effect:sr,data:{}};var dr={left:"right",right:"left",bottom:"top",top:"bottom"};function pr(r){return r.replace(/left\|right\|bottom\|top/g,(function(r){return dr[r]}))}var br={start:"end",end:"start"};function hr(r){return r.replace(/start\|end/g,(function(r){return br[r]}))}function yr(r){var t=k(r);var n=t.pageXOffset;var e=t.pageYOffset;return{scrollLeft:n,scrollTop:e}}function mr(r){return z(V(r)).left+yr(r).scrollLeft}function xr(r,t){var n=k(r);var e=V(r);var a=n.visualViewport;var i=e.clientWidth;var o=e.clientHeight;var v=0;var f=0;if(a){i=a.width;o=a.height;var u=I();if(u\|\|!u&&t==="fixed"){v=a.offsetLeft;f=a.offsetTop}}return{width:i,height:o,x:v+mr(r),y:f}}function wr(r){var t;var n=V(r);var e=yr(r);var a=(t=r.ownerDocument)==null?void 0:t.body;var i=W(n.scrollWidth,n.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=W(n.scrollHeight,n.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var v=-e.scrollLeft+mr(r);var f=-e.scrollTop;if(F(a\|\|n).direction==="rtl"){v+=W(n.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:v,y:f}}function Or(r){var t=F(r),n=t.overflow,e=t.overflowX,a=t.overflowY;return/auto\|scroll\|overlay\|hidden/.test(n+a+e)}function gr(r){if(["html","body","#document"].indexOf(M(r))>=0){return r.ownerDocument.body}if(q(r)&&Or(r)){return r}return gr(_(r))}function jr(r,t){var n;if(t===void 0){t=[]}var e=gr(r);var a=e===((n=r.ownerDocument)==null?void 0:n.body);var i=k(e);var o=a?[i].concat(i.visualViewport\|\|[],Or(e)?e:[]):e;var v=t.concat(o);return a?v:v.concat(jr(_(o)))}function Mr(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function kr(r,t){var n=z(r,false,t==="fixed");n.top=n.top+r.clientTop;n.left=n.left+r.clientLeft;n.bottom=n.top+r.clientHeight;n.right=n.left+r.clientWidth;n.width=r.clientWidth;n.height=r.clientHeight;n.x=n.left;n.y=n.top;return n}function Er(r,t,n){return t===u?Mr(xr(r,n)):E(t)?kr(t,n):Mr(wr(V(r)))}function qr(r){var t=jr(_(r));var n=["absolute","fixed"].indexOf(F(r).position)>=0;var e=n&&q(r)?K(r):r;if(!E(e)){return[]}return t.filter((function(r){return E(r)&&D(r,e)&&M(r)!=="body"}))}function Ar(r,t,n,e){var a=t==="clippingParents"?qr(r):[].concat(t);var i=[].concat(a,[n]);var o=i[0];var v=i.reduce((function(t,n){var a=Er(r,n,e);t.top=W(a.top,t.top);t.right=L(a.right,t.right);t.bottom=L(a.bottom,t.bottom);t.left=W(a.left,t.left);return t}),Er(r,o,e));v.width=v.right-v.left;v.height=v.bottom-v.top;v.x=v.left;v.y=v.top;return v}function Br(a){var i=a.reference,f=a.element,u=a.placement;var c=u?S(u):null;var s=u?ar(u):null;var l=i.x+i.width/2-f.width/2;var d=i.y+i.height/2-f.height/2;var p;switch(c){case r:p={x:l,y:i.y-f.height};break;case t:p={x:l,y:i.y+i.height};break;case n:p={x:i.x+i.width,y:d};break;case e:p={x:i.x-f.width,y:d};break;default:p={x:i.x,y:i.y}}var b=c?N(c):null;if(b!=null){var h=b==="y"?"height":"width";switch(s){case o:p[b]=p[b]-(i[h]/2-f[h]/2);break;case v:p[b]=p[b]+(i[h]/2-f[h]/2);break}}return p}function Pr(e,a){if(a===void 0){a={}}var o=a,v=o.placement,l=v===void 0?e.placement:v,d=o.strategy,p=d===void 0?e.strategy:d,b=o.boundary,h=b===void 0?f:b,y=o.rootBoundary,m=y===void 0?u:y,x=o.elementContext,w=x===void 0?c:x,O=o.altBoundary,g=O===void 0?false:O,j=o.padding,M=j===void 0?0:j;var k=Z(typeof M!=="number"?M:$(M,i));var q=w===c?s:c;var A=e.rects.popper;var B=e.elements[g?q:w];var P=Ar(E(B)?B:B.contextElement\|\|V(e.elements.popper),h,m,p);var R=z(e.elements.reference);var S=Br({reference:R,element:A,strategy:"absolute",placement:l});var W=Mr(Object.assign({},A,S));var L=w===c?W:R;var T={top:P.top-L.top+k.top,bottom:L.bottom-P.bottom+k.bottom,left:P.left-L.left+k.left,right:L.right-P.right+k.right};var H=e.modifiersData.offset;if(w===c&&H){var I=H[l];Object.keys(T).forEach((function(e){var a=[n,t].indexOf(e)>=0?1:-1;var i=[r,t].indexOf(e)>=0?"y":"x";T[e]+=I[i]a}))}return T}function Rr(r,t){if(t===void 0){t={}}var n=t,e=n.placement,a=n.boundary,o=n.rootBoundary,v=n.padding,f=n.flipVariations,u=n.allowedAutoPlacements,c=u===void 0?d:u;var s=ar(e);var p=s?f?l:l.filter((function(r){return ar(r)===s})):i;var b=p.filter((function(r){return c.indexOf(r)>=0}));if(b.length===0){b=p}var h=b.reduce((function(t,n){t[n]=Pr(r,{placement:n,boundary:a,rootBoundary:o,padding:v})[S(n)];return t}),{});return Object.keys(h).sort((function(r,t){return h[r]-h[t]}))}function Sr(r){if(S(r)===a){return[]}var t=pr(r);return[hr(r),t,hr(t)]}function Wr(i){var v=i.state,f=i.options,u=i.name;if(v.modifiersData[u]._skip){return}var c=f.mainAxis,s=c===void 0?true:c,l=f.altAxis,d=l===void 0?true:l,p=f.fallbackPlacements,b=f.padding,h=f.boundary,y=f.rootBoundary,m=f.altBoundary,x=f.flipVariations,w=x===void 0?true:x,O=f.allowedAutoPlacements;var g=v.options.placement;var j=S(g);var M=j===g;var k=p\|\|(M\|\|!w?[pr(g)]:Sr(g));var E=[g].concat(k).reduce((function(r,t){return r.concat(S(t)===a?Rr(v,{placement:t,boundary:h,rootBoundary:y,padding:b,flipVariations:w,allowedAutoPlacements:O}):t)}),[]);var q=v.rects.reference;var A=v.rects.popper;var B=new Map;var P=true;var R=E[0];for(var W=0;W<E.length;W++){var L=E[W];var T=S(L);var H=ar(L)===o;var I=[r,t].indexOf(T)>=0;var z=I?"width":"height";var C=Pr(v,{placement:L,boundary:h,rootBoundary:y,altBoundary:m,padding:b});var D=I?H?n:e:H?t:r;if(q[z]>A[z]){D=pr(D)}var F=pr(D);var U=[];if(s){U.push(C[T]<=0)}if(d){U.push(C[D]<=0,C[F]<=0)}if(U.every((function(r){return r}))){R=L;P=false;break}B.set(L,U)}if(P){var V=w?3:1;var _=function r(t){var n=E.find((function(r){var n=B.get(r);if(n){return n.slice(0,t).every((function(r){return r}))}}));if(n){R=n;return"break"}};for(var G=V;G>0;G--){var J=_(G);if(J==="break")break}}if(v.placement!==R){v.modifiersData[u]._skip=true;v.placement=R;v.reset=true}}const Lr={name:"flip",enabled:true,phase:"main",fn:Wr,requiresIfExists:["offset"],data:{_skip:false}};function Tr(r,t,n){if(n===void 0){n={x:0,y:0}}return{top:r.top-t.height-n.y,right:r.right-t.width+n.x,bottom:r.bottom-t.height+n.y,left:r.left-t.width-n.x}}function Hr(a){return[r,n,t,e].some((function(r){return a[r]>=0}))}function Ir(r){var t=r.state,n=r.name;var e=t.rects.reference;var a=t.rects.popper;var i=t.modifiersData.preventOverflow;var o=Pr(t,{elementContext:"reference"});var v=Pr(t,{altBoundary:true});var f=Tr(o,e);var u=Tr(v,a,i);var c=Hr(f);var s=Hr(u);t.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:u,isReferenceHidden:c,hasPopperEscaped:s};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":s})}const zr={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Ir};function Cr(t,a,i){var o=S(t);var v=[e,r].indexOf(o)>=0?-1:1;var f=typeof i==="function"?i(Object.assign({},a,{placement:t})):i,u=f[0],c=f[1];u=u\|\|0;c=(c\|\|0)*v;return[e,n].indexOf(o)>=0?{x:c,y:u}:{x:u,y:c}}function Dr(r){var t=r.state,n=r.options,e=r.name;var a=n.offset,i=a===void 0?[0,0]:a;var o=d.reduce((function(r,n){r[n]=Cr(n,t.rects,i);return r}),{});var v=o[t.placement],f=v.x,u=v.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=f;t.modifiersData.popperOffsets.y+=u}t.modifiersData[e]=o}const Fr={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Dr};function Ur(r){var t=r.state,n=r.name;t.modifiersData[n]=Br({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Vr={name:"popperOffsets",enabled:true,phase:"read",fn:Ur,data:{}};function _r(r){return r==="x"?"y":"x"}function Gr(a){var i=a.state,v=a.options,f=a.name;var u=v.mainAxis,c=u===void 0?true:u,s=v.altAxis,l=s===void 0?false:s,d=v.boundary,p=v.rootBoundary,b=v.altBoundary,h=v.padding,y=v.tether,m=y===void 0?true:y,x=v.tetherOffset,w=x===void 0?0:x;var O=Pr(i,{boundary:d,rootBoundary:p,padding:h,altBoundary:b});var g=S(i.placement);var j=ar(i.placement);var M=!j;var k=N(g);var E=_r(k);var q=i.modifiersData.popperOffsets;var A=i.rects.reference;var B=i.rects.popper;var P=typeof w==="function"?w(Object.assign({},i.rects,{placement:i.placement})):w;var R=typeof P==="number"?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P);var T=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null;var H={x:0,y:0};if(!q){return}if(c){var I;var z=k==="y"?r:e;var D=k==="y"?t:n;var F=k==="y"?"height":"width";var U=q[k];var V=U+O[z];var _=U-O[D];var G=m?-B[F]/2:0;var J=j===o?A[F]:B[F];var Z=j===o?-B[F]:-A[F];var $=i.elements.arrow;var rr=m&&$?C($):{width:0,height:0};var tr=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:Y();var nr=tr[z];var er=tr[D];var ir=Q(0,A[F],rr[F]);var or=M?A[F]/2-G-ir-nr-R.mainAxis:J-ir-nr-R.mainAxis;var vr=M?-A[F]/2+G+ir+er+R.mainAxis:Z+ir+er+R.mainAxis;var fr=i.elements.arrow&&K(i.elements.arrow);var ur=fr?k==="y"?fr.clientTop\|\|0:fr.clientLeft\|\|0:0;var cr=(I=T==null?void 0:T[k])!=null?I:0;var sr=U+or-cr-ur;var lr=U+vr-cr;var dr=Q(m?L(V,sr):V,U,m?W(_,lr):_);q[k]=dr;H[k]=dr-U}if(l){var pr;var br=k==="x"?r:e;var hr=k==="x"?t:n;var yr=q[E];var mr=E==="y"?"height":"width";var xr=yr+O[br];var wr=yr-O[hr];var Or=[r,e].indexOf(g)!==-1;var gr=(pr=T==null?void 0:T[E])!=null?pr:0;var jr=Or?xr:yr-A[mr]-B[mr]-gr+R.altAxis;var Mr=Or?yr+A[mr]+B[mr]-gr-R.altAxis:wr;var kr=m&&Or?X(jr,yr,Mr):Q(m?jr:xr,yr,m?Mr:wr);q[E]=kr;H[E]=kr-yr}i.modifiersData[f]=H}const Jr={name:"preventOverflow",enabled:true,phase:"main",fn:Gr,requiresIfExists:["offset"]};function Kr(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Nr(r){if(r===k(r)\|\|!q(r)){return yr(r)}else{return Kr(r)}}function Qr(r){var t=r.getBoundingClientRect();var n=T(t.width)/r.offsetWidth\|\|1;var e=T(t.height)/r.offsetHeight\|\|1;return n!==1\|\|e!==1}function Xr(r,t,n){if(n===void 0){n=false}var e=q(t);var a=q(t)&&Qr(t);var i=V(t);var o=z(r,a,n);var v={scrollLeft:0,scrollTop:0};var f={x:0,y:0};if(e\|\|!e&&!n){if(M(t)!=="body"\|\|Or(i)){v=Nr(t)}if(q(t)){f=z(t,true);f.x+=t.clientLeft;f.y+=t.clientTop}else if(i){f.x=mr(i)}}return{x:o.left+v.scrollLeft-f.x,y:o.top+v.scrollTop-f.y,width:o.width,height:o.height}}function Yr(r){var t=new Map;var n=new Set;var e=[];r.forEach((function(r){t.set(r.name,r)}));function a(r){n.add(r.name);var i=[].concat(r.requires\|\|[],r.requiresIfExists\|\|[]);i.forEach((function(r){if(!n.has(r)){var e=t.get(r);if(e){a(e)}}}));e.push(r)}r.forEach((function(r){if(!n.has(r.name)){a(r)}}));return e}function Zr(r){var t=Yr(r);return j.reduce((function(r,n){return r.concat(t.filter((function(r){return r.phase===n})))}),[])}function $r(r){var t;return function(){if(!t){t=new Promise((function(n){Promise.resolve().then((function(){t=undefined;n(r())}))}))}return t}}function rt(r){var t=r.reduce((function(r,t){var n=r[t.name];r[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t;return r}),{});return Object.keys(t).map((function(r){return t[r]}))}var tt={placement:"bottom",modifiers:[],strategy:"absolute"};function nt(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}return!t.some((function(r){return!(r&&typeof r.getBoundingClientRect==="function")}))}function et(r){if(r===void 0){r={}}var t=r,n=t.defaultModifiers,e=n===void 0?[]:n,a=t.defaultOptions,i=a===void 0?tt:a;return function r(t,n,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},tt,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}};var v=[];var f=false;var u={state:o,setOptions:function r(a){var v=typeof a==="function"?a(o.options):a;s();o.options=Object.assign({},i,o.options,v);o.scrollParents={reference:E(t)?jr(t):t.contextElement?jr(t.contextElement):[],popper:jr(n)};var f=Zr(rt([].concat(e,o.options.modifiers)));o.orderedModifiers=f.filter((function(r){return r.enabled}));c();return u.update()},forceUpdate:function r(){if(f){return}var t=o.elements,n=t.reference,e=t.popper;if(!nt(n,e)){return}o.rects={reference:Xr(n,K(e),o.options.strategy==="fixed"),popper:C(e)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(r){return o.modifiersData[r.name]=Object.assign({},r.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],v=i.fn,c=i.options,s=c===void 0?{}:c,l=i.name;if(typeof v==="function"){o=v({state:o,options:s,name:l,instance:u})\|\|o}}},update:$r((function(){return new Promise((function(r){u.forceUpdate();r(o)}))})),destroy:function r(){s();f=true}};if(!nt(t,n)){return u}u.setOptions(a).then((function(r){if(!f&&a.onFirstUpdate){a.onFirstUpdate(r)}}));function c(){o.orderedModifiers.forEach((function(r){var t=r.name,n=r.options,e=n===void 0?{}:n,a=r.effect;if(typeof a==="function"){var i=a({state:o,name:t,instance:u,options:e});var f=function r(){};v.push(i\|\|f)}}))}function s(){v.forEach((function(r){return r()}));v=[]}return u}}var at=[lr,Vr,ur,R,Fr,Lr,Jr,er,zr];var it=et({defaultModifiers:at});export{it as c};
2	- //# sourceMappingURL=p-ec26fc38.js.map