@siemens/ix 2.0.0-beta.1 → 2.0.0

package/dist/siemens-ix/p-8c7d1e06.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-76a509c7.js";const n=e=>{if(!e){return false}if(typeof e!=="string"){return false}return e.startsWith("data:image/svg+xml")};let l=null;function c(e){if(typeof window["DOMParser"]==="undefined"){console.warn("DOMParser not supported by your browser.");return}if(l===null){l=new window["DOMParser"]}const t=l.parseFromString(e,"text/html");const o=t.querySelector("svg");if(!o){throw Error("No valid svg data provided")}return o.outerHTML}async function r(e){const t=await fetch(e);const o=await t.text();if(!t.ok){console.error(o);return""}return c(o)}async function b(e){const{src:t,name:o}=e;if(o){if(n(o)){return c(o)}return}if(!t){return""}if(n(t)){return c(t)}return r(t)}const f='.glyph{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"ix-icons";font-size:1.5rem;font-weight:500}.glyph-lg{font-size:1.3333333333em;line-height:0.75em;vertical-align:-15%}.glyph-2x{font-size:2em}.glyph-3x{font-size:3em}.glyph-4x{font-size:4em}.glyph-5x{font-size:5em}.glyph-fw{width:1.2857142857em;text-align:center}.glyph-12{font-size:0.75rem}.glyph-16{font-size:1rem}.glyph-24{font-size:1.5rem}.glyph-32{font-size:2rem}.glyph-about-filled:before{content:"\\ea01"}.glyph-about:before{content:"\\ea02"}.glyph-add-circle-filled:before{content:"\\ea03"}.glyph-add-circle:before{content:"\\ea04"}.glyph-add-document-note:before{content:"\\ea05"}.glyph-add-eye-filled:before{content:"\\ea06"}.glyph-add-eye:before{content:"\\ea07"}.glyph-add-task-list:before{content:"\\ea08"}.glyph-add-task:before{content:"\\ea09"}.glyph-add:before{content:"\\ea0a"}.glyph-ai:before{content:"\\ea0b"}.glyph-alarm-bell-cancelled-filled:before{content:"\\ea0c"}.glyph-alarm-bell-cancelled:before{content:"\\ea0d"}.glyph-alarm-bell-filled:before{content:"\\ea0e"}.glyph-alarm-bell:before{content:"\\ea0f"}.glyph-alarm-clock-filled:before{content:"\\ea10"}.glyph-alarm-clock:before{content:"\\ea11"}.glyph-alarm-filled:before{content:"\\ea12"}.glyph-alarm:before{content:"\\ea13"}.glyph-analyze:before{content:"\\ea14"}.glyph-anomaly-found:before{content:"\\ea15"}.glyph-anomaly:before{content:"\\ea16"}.glyph-app-menu:before{content:"\\ea17"}.glyph-apps:before{content:"\\ea18"}.glyph-arrow-down-right:before{content:"\\ea19"}.glyph-arrow-down:before{content:"\\ea1a"}.glyph-arrow-left:before{content:"\\ea1b"}.glyph-arrow-right-down:before{content:"\\ea1c"}.glyph-arrow-right:before{content:"\\ea1d"}.glyph-arrow-up:before{content:"\\ea1e"}.glyph-attach:before{content:"\\ea1f"}.glyph-attachment-upload:before{content:"\\ea20"}.glyph-audio-description1:before{content:"\\ea21"}.glyph-audio-description2:before{content:"\\ea22"}.glyph-audit-report:before{content:"\\ea23"}.glyph-average:before{content:"\\ea24"}.glyph-backup-filled:before{content:"\\ea25"}.glyph-backup:before{content:"\\ea26"}.glyph-bar-code:before{content:"\\ea27"}.glyph-barchart:before{content:"\\ea28"}.glyph-battery-check:before{content:"\\ea29"}.glyph-battery-empty-question:before{content:"\\ea2a"}.glyph-battery-empty:before{content:"\\ea2b"}.glyph-battery-exclamation:before{content:"\\ea2c"}.glyph-battery-full-check:before{content:"\\ea2d"}.glyph-battery-full:before{content:"\\ea2e"}.glyph-battery-half:before{content:"\\ea2f"}.glyph-battery-low:before{content:"\\ea30"}.glyph-battery-quarter:before{content:"\\ea31"}.glyph-battery-slash:before{content:"\\ea32"}.glyph-battery-three-quarter:before{content:"\\ea33"}.glyph-battery-xmark:before{content:"\\ea34"}.glyph-bezier-curve:before{content:"\\ea35"}.glyph-binoculars-filled:before{content:"\\ea36"}.glyph-binoculars:before{content:"\\ea37"}.glyph-blazor:before{content:"\\ea38"}.glyph-book:before{content:"\\ea39"}.glyph-bookmark-filled:before{content:"\\ea3a"}.glyph-bookmark:before{content:"\\ea3b"}.glyph-boundary-signals:before{content:"\\ea3c"}.glyph-building1-filled:before{content:"\\ea3d"}.glyph-building1:before{content:"\\ea3e"}.glyph-building2-filled:before{content:"\\ea3f"}.glyph-building2:before{content:"\\ea40"}.glyph-bulb-filled:before{content:"\\ea41"}.glyph-bulb:before{content:"\\ea42"}.glyph-calendar-filled:before{content:"\\ea43"}.glyph-calendar-settings:before{content:"\\ea44"}.glyph-calendar:before{content:"\\ea45"}.glyph-cancel:before{content:"\\ea46"}.glyph-cancelled:before{content:"\\ea47"}.glyph-capacity-filled:before{content:"\\ea48"}.glyph-capacity:before{content:"\\ea49"}.glyph-capture:before{content:"\\ea4a"}.glyph-car-filled:before{content:"\\ea4b"}.glyph-car:before{content:"\\ea4c"}.glyph-card-layout-filled:before{content:"\\ea4d"}.glyph-card-layout:before{content:"\\ea4e"}.glyph-chart-cursor:before{content:"\\ea4f"}.glyph-chart-curve-linear:before{content:"\\ea50"}.glyph-chart-curve-spline:before{content:"\\ea51"}.glyph-chart-curve-stepped:before{content:"\\ea52"}.glyph-chart-diagram-add:before{content:"\\ea53"}.glyph-chart-diagram:before{content:"\\ea54"}.glyph-chart-diagrams:before{content:"\\ea55"}.glyph-chart-labels-filled:before{content:"\\ea56"}.glyph-chart-labels:before{content:"\\ea57"}.glyph-check-in:before{content:"\\ea58"}.glyph-check-out:before{content:"\\ea59"}.glyph-checkbox-component-checked:before{content:"\\ea5a"}.glyph-checkbox-component-mixed:before{content:"\\ea5b"}.glyph-checkbox-component-unchecked:before{content:"\\ea5c"}.glyph-checkbox-filled:before{content:"\\ea5d"}.glyph-checkbox:before{content:"\\ea5e"}.glyph-checkboxes-filled:before{content:"\\ea5f"}.glyph-checkboxes:before{content:"\\ea60"}.glyph-chevron-down-small:before{content:"\\ea61"}.glyph-chevron-down:before{content:"\\ea62"}.glyph-chevron-left-small:before{content:"\\ea63"}.glyph-chevron-left:before{content:"\\ea64"}.glyph-chevron-right-small:before{content:"\\ea65"}.glyph-chevron-right:before{content:"\\ea66"}.glyph-chevron-up-small:before{content:"\\ea67"}.glyph-chevron-up:before{content:"\\ea68"}.glyph-circle-dot-filled:before{content:"\\ea69"}.glyph-circle-dot:before{content:"\\ea6a"}.glyph-circle-filled:before{content:"\\ea6b"}.glyph-circle-pause-filled:before{content:"\\ea6c"}.glyph-circle-pause:before{content:"\\ea6d"}.glyph-circle-play-filled:before{content:"\\ea6e"}.glyph-circle-play:before{content:"\\ea6f"}.glyph-circle-stop-filled:before{content:"\\ea70"}.glyph-circle-stop:before{content:"\\ea71"}.glyph-circle:before{content:"\\ea72"}.glyph-clear-filter-filled:before{content:"\\ea73"}.glyph-clear-filter:before{content:"\\ea74"}.glyph-clear:before{content:"\\ea75"}.glyph-clock-filled:before{content:"\\ea76"}.glyph-clock:before{content:"\\ea77"}.glyph-close-small:before{content:"\\ea78"}.glyph-close:before{content:"\\ea79"}.glyph-cloud-download-add-filled:before{content:"\\ea7a"}.glyph-cloud-download-add:before{content:"\\ea7b"}.glyph-cloud-download-filled:before{content:"\\ea7c"}.glyph-cloud-download-list-filled:before{content:"\\ea7d"}.glyph-cloud-download-list:before{content:"\\ea7e"}.glyph-cloud-download:before{content:"\\ea7f"}.glyph-cloud-filled:before{content:"\\ea80"}.glyph-cloud-new-filled:before{content:"\\ea81"}.glyph-cloud-new:before{content:"\\ea82"}.glyph-cloud-success-filled:before{content:"\\ea83"}.glyph-cloud-success:before{content:"\\ea84"}.glyph-cloud-upload-filled:before{content:"\\ea85"}.glyph-cloud-upload:before{content:"\\ea86"}.glyph-cloud:before{content:"\\ea87"}.glyph-code:before{content:"\\ea88"}.glyph-cogwheel-filled:before{content:"\\ea89"}.glyph-cogwheel:before{content:"\\ea8a"}.glyph-combine:before{content:"\\ea8b"}.glyph-compact-disc-filled:before{content:"\\ea8c"}.glyph-compact-disc:before{content:"\\ea8d"}.glyph-compound-block:before{content:"\\ea8e"}.glyph-configuration:before{content:"\\ea8f"}.glyph-configure-filled:before{content:"\\ea90"}.glyph-configure:before{content:"\\ea91"}.glyph-connected:before{content:"\\ea92"}.glyph-connector-chart-filled:before{content:"\\ea93"}.glyph-connector-chart:before{content:"\\ea94"}.glyph-connector-filled:before{content:"\\ea95"}.glyph-connector-hex-filled:before{content:"\\ea96"}.glyph-connector-hex:before{content:"\\ea97"}.glyph-connector-rect-filled:before{content:"\\ea98"}.glyph-connector-rect:before{content:"\\ea99"}.glyph-connector-rhomb-filled:before{content:"\\ea9a"}.glyph-connector-rhomb:before{content:"\\ea9b"}.glyph-connector:before{content:"\\ea9c"}.glyph-consistency-check:before{content:"\\ea9d"}.glyph-contact-details-filled:before{content:"\\ea9e"}.glyph-contact-details:before{content:"\\ea9f"}.glyph-context-menu:before{content:"\\eaa0"}.glyph-controlled-device:before{content:"\\eaa1"}.glyph-controller-device:before{content:"\\eaa2"}.glyph-copy:before{content:"\\eaa3"}.glyph-corner-arrow-up-left:before{content:"\\eaa4"}.glyph-couch-filled:before{content:"\\eaa5"}.glyph-couch:before{content:"\\eaa6"}.glyph-create-plant-filled:before{content:"\\eaa7"}.glyph-create-plant:before{content:"\\eaa8"}.glyph-cut:before{content:"\\eaa9"}.glyph-cycle:before{content:"\\eaaa"}.glyph-data-egress:before{content:"\\eaab"}.glyph-data-ingress-egress:before{content:"\\eaac"}.glyph-data-ingress:before{content:"\\eaad"}.glyph-database-filled:before{content:"\\eaae"}.glyph-database:before{content:"\\eaaf"}.glyph-details:before{content:"\\eab0"}.glyph-diagram-module-library:before{content:"\\eab1"}.glyph-diagram-module-new:before{content:"\\eab2"}.glyph-diagram-module:before{content:"\\eab3"}.glyph-diamond:before{content:"\\eab4"}.glyph-disconnected:before{content:"\\eab5"}.glyph-disk-filled:before{content:"\\eab6"}.glyph-disk-pen:before{content:"\\eab7"}.glyph-disk:before{content:"\\eab8"}.glyph-distribution:before{content:"\\eab9"}.glyph-doc-document:before{content:"\\eaba"}.glyph-document-bulk:before{content:"\\eabb"}.glyph-document-info:before{content:"\\eabc"}.glyph-document-link:before{content:"\\eabd"}.glyph-document-management:before{content:"\\eabe"}.glyph-document-reference:before{content:"\\eabf"}.glyph-document-settings:before{content:"\\eac0"}.glyph-document-success:before{content:"\\eac1"}.glyph-document:before{content:"\\eac2"}.glyph-double-check:before{content:"\\eac3"}.glyph-double-chevron-down:before{content:"\\eac4"}.glyph-double-chevron-left:before{content:"\\eac5"}.glyph-double-chevron-right:before{content:"\\eac6"}.glyph-double-chevron-up:before{content:"\\eac7"}.glyph-doublet-filled:before{content:"\\eac8"}.glyph-doublet:before{content:"\\eac9"}.glyph-download-add:before{content:"\\eaca"}.glyph-download-list:before{content:"\\eacb"}.glyph-download:before{content:"\\eacc"}.glyph-drop:before{content:"\\eacd"}.glyph-duplicate-document:before{content:"\\eace"}.glyph-duplicate:before{content:"\\eacf"}.glyph-e-mail-filled:before{content:"\\ead0"}.glyph-e-mail:before{content:"\\ead1"}.glyph-earth-filled:before{content:"\\ead2"}.glyph-earth:before{content:"\\ead3"}.glyph-edit-plant:before{content:"\\ead4"}.glyph-ellipse-arc:before{content:"\\ead5"}.glyph-ellipse-filled:before{content:"\\ead6"}.glyph-ellipse:before{content:"\\ead7"}.glyph-error-filled:before{content:"\\ead8"}.glyph-error:before{content:"\\ead9"}.glyph-explore-filled:before{content:"\\eada"}.glyph-explore:before{content:"\\eadb"}.glyph-export:before{content:"\\eadc"}.glyph-eye-cancelled-filled:before{content:"\\eadd"}.glyph-eye-cancelled:before{content:"\\eade"}.glyph-eye-filled:before{content:"\\eadf"}.glyph-eye:before{content:"\\eae0"}.glyph-factory-reset-filled:before{content:"\\eae1"}.glyph-factory-reset:before{content:"\\eae2"}.glyph-filter-filled:before{content:"\\eae3"}.glyph-filter-outline:before{content:"\\eae4"}.glyph-filter:before{content:"\\eae5"}.glyph-flag-filled:before{content:"\\eae6"}.glyph-flag:before{content:"\\eae7"}.glyph-folder-down-filled:before{content:"\\eae8"}.glyph-folder-down:before{content:"\\eae9"}.glyph-folder-filled:before{content:"\\eaea"}.glyph-folder-new-filled:before{content:"\\eaeb"}.glyph-folder-new-outline:before{content:"\\eaec"}.glyph-folder-new:before{content:"\\eaed"}.glyph-folder-open-filled:before{content:"\\eaee"}.glyph-folder-open-outline:before{content:"\\eaef"}.glyph-folder-open:before{content:"\\eaf0"}.glyph-folder-outline:before{content:"\\eaf1"}.glyph-folder-up-filled:before{content:"\\eaf2"}.glyph-folder-up:before{content:"\\eaf3"}.glyph-folder:before{content:"\\eaf4"}.glyph-full-screeen-exit:before{content:"\\eaf5"}.glyph-full-screeen:before{content:"\\eaf6"}.glyph-function-block-library:before{content:"\\eaf7"}.glyph-function-block-new:before{content:"\\eaf8"}.glyph-function-block:before{content:"\\eaf9"}.glyph-function-diagram-new:before{content:"\\eafa"}.glyph-function-diagram:before{content:"\\eafb"}.glyph-gauge-filled:before{content:"\\eafc"}.glyph-gauge:before{content:"\\eafd"}.glyph-gaugechart:before{content:"\\eafe"}.glyph-global-plant-filled:before{content:"\\eaff"}.glyph-global-plant:before{content:"\\eb00"}.glyph-globe-filled:before{content:"\\eb01"}.glyph-globe:before{content:"\\eb02"}.glyph-goto:before{content:"\\eb03"}.glyph-group:before{content:"\\eb04"}.glyph-hard-reset:before{content:"\\eb05"}.glyph-hardware-cabinet:before{content:"\\eb06"}.glyph-health-filled:before{content:"\\eb07"}.glyph-health:before{content:"\\eb08"}.glyph-heart-filled:before{content:"\\eb09"}.glyph-heart:before{content:"\\eb0a"}.glyph-hexagon-vertical-bars-database-filled:before{content:"\\eb0b"}.glyph-hexagon-vertical-bars-database:before{content:"\\eb0c"}.glyph-hexagon-vertical-bars-filled:before{content:"\\eb0d"}.glyph-hexagon-vertical-bars:before{content:"\\eb0e"}.glyph-hierarchy:before{content:"\\eb0f"}.glyph-highlight-filled:before{content:"\\eb10"}.glyph-highlight:before{content:"\\eb11"}.glyph-history-list:before{content:"\\eb12"}.glyph-history:before{content:"\\eb13"}.glyph-home-filled:before{content:"\\eb14"}.glyph-home:before{content:"\\eb15"}.glyph-hourglass:before{content:"\\eb16"}.glyph-image-filled:before{content:"\\eb17"}.glyph-image:before{content:"\\eb18"}.glyph-import:before{content:"\\eb19"}.glyph-info-feed:before{content:"\\eb1a"}.glyph-info-filled:before{content:"\\eb1b"}.glyph-info:before{content:"\\eb1c"}.glyph-ingestion-report:before{content:"\\eb1d"}.glyph-ingestion:before{content:"\\eb1e"}.glyph-ink-pen:before{content:"\\eb1f"}.glyph-inquiry-filled:before{content:"\\eb20"}.glyph-inquiry-mail:before{content:"\\eb21"}.glyph-inquiry:before{content:"\\eb22"}.glyph-item-details-filled:before{content:"\\eb23"}.glyph-item-details:before{content:"\\eb24"}.glyph-label-filled:before{content:"\\eb25"}.glyph-label:before{content:"\\eb26"}.glyph-language-filled:before{content:"\\eb27"}.glyph-language:before{content:"\\eb28"}.glyph-layers-filled:before{content:"\\eb29"}.glyph-layers:before{content:"\\eb2a"}.glyph-leaf:before{content:"\\eb2b"}.glyph-legal:before{content:"\\eb2c"}.glyph-library-new:before{content:"\\eb2d"}.glyph-library:before{content:"\\eb2e"}.glyph-license:before{content:"\\eb2f"}.glyph-light-dark:before{content:"\\eb30"}.glyph-line-diagonal:before{content:"\\eb31"}.glyph-link:before{content:"\\eb32"}.glyph-list:before{content:"\\eb33"}.glyph-live-schedule:before{content:"\\eb34"}.glyph-location-filled:before{content:"\\eb35"}.glyph-location-outline:before{content:"\\eb36"}.glyph-location:before{content:"\\eb37"}.glyph-lock-filled:before{content:"\\eb38"}.glyph-lock-key-filled:before{content:"\\eb39"}.glyph-lock-key:before{content:"\\eb3a"}.glyph-lock:before{content:"\\eb3b"}.glyph-log-in:before{content:"\\eb3c"}.glyph-log-out:before{content:"\\eb3d"}.glyph-log:before{content:"\\eb3e"}.glyph-logic-diagram:before{content:"\\eb3f"}.glyph-lower-limit:before{content:"\\eb40"}.glyph-mail-filled:before{content:"\\eb41"}.glyph-mail:before{content:"\\eb42"}.glyph-maintenance-documents:before{content:"\\eb43"}.glyph-maintenance-info:before{content:"\\eb44"}.glyph-maintenance-warning-filled:before{content:"\\eb45"}.glyph-maintenance-warning:before{content:"\\eb46"}.glyph-maintenance:before{content:"\\eb47"}.glyph-mandatory-done:before{content:"\\eb48"}.glyph-mandatory:before{content:"\\eb49"}.glyph-map:before{content:"\\eb4a"}.glyph-maximize:before{content:"\\eb4b"}.glyph-microphone-filled:before{content:"\\eb4c"}.glyph-microphone:before{content:"\\eb4d"}.glyph-minimize:before{content:"\\eb4e"}.glyph-minus:before{content:"\\eb4f"}.glyph-mix:before{content:"\\eb50"}.glyph-monitor-filled:before{content:"\\eb51"}.glyph-monitor-trend:before{content:"\\eb52"}.glyph-monitor:before{content:"\\eb53"}.glyph-monitoring-add:before{content:"\\eb54"}.glyph-monitoring:before{content:"\\eb55"}.glyph-monitorings:before{content:"\\eb56"}.glyph-moon-filled:before{content:"\\eb57"}.glyph-moon:before{content:"\\eb58"}.glyph-more-menu:before{content:"\\eb59"}.glyph-mouse-click-filled:before{content:"\\eb5a"}.glyph-mouse-click:before{content:"\\eb5b"}.glyph-mouse-select-filled:before{content:"\\eb5c"}.glyph-mouse-select:before{content:"\\eb5d"}.glyph-mp4-document:before{content:"\\eb5e"}.glyph-namur-check-function-filled:before{content:"\\eb5f"}.glyph-namur-check-function:before{content:"\\eb60"}.glyph-namur-failure-filled:before{content:"\\eb61"}.glyph-namur-failure:before{content:"\\eb62"}.glyph-namur-maintenance-required-filled:before{content:"\\eb63"}.glyph-namur-maintenance-required:before{content:"\\eb64"}.glyph-namur-ok-filled:before{content:"\\eb65"}.glyph-namur-ok:before{content:"\\eb66"}.glyph-namur-out-of-spec-filled:before{content:"\\eb67"}.glyph-namur-out-of-spec:before{content:"\\eb68"}.glyph-navigation-filled:before{content:"\\eb69"}.glyph-navigation-left:before{content:"\\eb6a"}.glyph-navigation-right:before{content:"\\eb6b"}.glyph-navigation:before{content:"\\eb6c"}.glyph-new-indicator-filled:before{content:"\\eb6d"}.glyph-new-indicator:before{content:"\\eb6e"}.glyph-no-filter-filled:before{content:"\\eb6f"}.glyph-no-filter:before{content:"\\eb70"}.glyph-no-image:before{content:"\\eb71"}.glyph-note-filled:before{content:"\\eb72"}.glyph-note:before{content:"\\eb73"}.glyph-notification-filled:before{content:"\\eb74"}.glyph-notification:before{content:"\\eb75"}.glyph-notifications-filled:before{content:"\\eb76"}.glyph-notifications:before{content:"\\eb77"}.glyph-ontology-filled:before{content:"\\eb78"}.glyph-ontology:before{content:"\\eb79"}.glyph-open-external:before{content:"\\eb7a"}.glyph-open-file-filled:before{content:"\\eb7b"}.glyph-open-file:before{content:"\\eb7c"}.glyph-operate-plant-filled:before{content:"\\eb7d"}.glyph-operate-plant:before{content:"\\eb7e"}.glyph-optimize:before{content:"\\eb7f"}.glyph-p-and-i-symbols:before{content:"\\eb80"}.glyph-p-i-diagram:before{content:"\\eb81"}.glyph-pan:before{content:"\\eb82"}.glyph-paste:before{content:"\\eb83"}.glyph-pause:before{content:"\\eb84"}.glyph-pc-tower-filled:before{content:"\\eb85"}.glyph-pc-tower:before{content:"\\eb86"}.glyph-pdf-document:before{content:"\\eb87"}.glyph-pen-filled:before{content:"\\eb88"}.glyph-pen:before{content:"\\eb89"}.glyph-phone-filled:before{content:"\\eb8a"}.glyph-phone:before{content:"\\eb8b"}.glyph-photo-camera-add:before{content:"\\eb8c"}.glyph-photo-camera-filled:before{content:"\\eb8d"}.glyph-photo-camera:before{content:"\\eb8e"}.glyph-photo-cameras:before{content:"\\eb8f"}.glyph-piechart-filled:before{content:"\\eb90"}.glyph-piechart:before{content:"\\eb91"}.glyph-pin-filled:before{content:"\\eb92"}.glyph-pin:before{content:"\\eb93"}.glyph-plant-filled:before{content:"\\eb94"}.glyph-plant-handbook-filled:before{content:"\\eb95"}.glyph-plant-handbook:before{content:"\\eb96"}.glyph-plant-outline:before{content:"\\eb97"}.glyph-plant-security:before{content:"\\eb98"}.glyph-plant-settings-filled:before{content:"\\eb99"}.glyph-plant-settings:before{content:"\\eb9a"}.glyph-plant-user-filled:before{content:"\\eb9b"}.glyph-plant-user:before{content:"\\eb9c"}.glyph-plant:before{content:"\\eb9d"}.glyph-plants-filled:before{content:"\\eb9e"}.glyph-plants:before{content:"\\eb9f"}.glyph-play-filled:before{content:"\\eba0"}.glyph-play-pause-filled:before{content:"\\eba1"}.glyph-play-pause:before{content:"\\eba2"}.glyph-play-stepwise-filled:before{content:"\\eba3"}.glyph-play-stepwise:before{content:"\\eba4"}.glyph-play:before{content:"\\eba5"}.glyph-plus-minus-times-divide:before{content:"\\eba6"}.glyph-plus:before{content:"\\eba7"}.glyph-point-up-filled:before{content:"\\eba8"}.glyph-point-up:before{content:"\\eba9"}.glyph-polar-plot:before{content:"\\ebaa"}.glyph-polygon-filled:before{content:"\\ebab"}.glyph-polygon-line:before{content:"\\ebac"}.glyph-polygon:before{content:"\\ebad"}.glyph-ppt-document:before{content:"\\ebae"}.glyph-print-filled:before{content:"\\ebaf"}.glyph-print:before{content:"\\ebb0"}.glyph-prio-high:before{content:"\\ebb1"}.glyph-prio-low:before{content:"\\ebb2"}.glyph-prio-middle:before{content:"\\ebb3"}.glyph-product-catalog:before{content:"\\ebb4"}.glyph-product-management:before{content:"\\ebb5"}.glyph-product:before{content:"\\ebb6"}.glyph-project-configuration:before{content:"\\ebb7"}.glyph-project-new:before{content:"\\ebb8"}.glyph-project-scenarios:before{content:"\\ebb9"}.glyph-project:before{content:"\\ebba"}.glyph-protocol:before{content:"\\ebbb"}.glyph-publish-document:before{content:"\\ebbc"}.glyph-publish:before{content:"\\ebbd"}.glyph-qr-code:before{content:"\\ebbe"}.glyph-quality-report:before{content:"\\ebbf"}.glyph-question-filled:before{content:"\\ebc0"}.glyph-question:before{content:"\\ebc1"}.glyph-radarchart:before{content:"\\ebc2"}.glyph-radio-waves-off:before{content:"\\ebc3"}.glyph-radio-waves:before{content:"\\ebc4"}.glyph-random-filled:before{content:"\\ebc5"}.glyph-random:before{content:"\\ebc6"}.glyph-reboot:before{content:"\\ebc7"}.glyph-rectangle-filled:before{content:"\\ebc8"}.glyph-rectangle:before{content:"\\ebc9"}.glyph-redo:before{content:"\\ebca"}.glyph-reference:before{content:"\\ebcb"}.glyph-refresh-cancelled:before{content:"\\ebcc"}.glyph-refresh:before{content:"\\ebcd"}.glyph-reload:before{content:"\\ebce"}.glyph-remove-eye-filled:before{content:"\\ebcf"}.glyph-remove-eye:before{content:"\\ebd0"}.glyph-rename:before{content:"\\ebd1"}.glyph-replace:before{content:"\\ebd2"}.glyph-report-barchart:before{content:"\\ebd3"}.glyph-report-linechart:before{content:"\\ebd4"}.glyph-report-text:before{content:"\\ebd5"}.glyph-reset:before{content:"\\ebd6"}.glyph-restore-backup-filled:before{content:"\\ebd7"}.glyph-restore-backup-pc:before{content:"\\ebd8"}.glyph-restore-backup:before{content:"\\ebd9"}.glyph-rhomb-filled:before{content:"\\ebda"}.glyph-rhomb:before{content:"\\ebdb"}.glyph-road-filled:before{content:"\\ebdc"}.glyph-road:before{content:"\\ebdd"}.glyph-rocket-filled:before{content:"\\ebde"}.glyph-rocket:before{content:"\\ebdf"}.glyph-route-target:before{content:"\\ebe0"}.glyph-route:before{content:"\\ebe1"}.glyph-scatterplot:before{content:"\\ebe2"}.glyph-scheduler-filled:before{content:"\\ebe3"}.glyph-scheduler:before{content:"\\ebe4"}.glyph-screen-filled:before{content:"\\ebe5"}.glyph-screen:before{content:"\\ebe6"}.glyph-screenshot-filled:before{content:"\\ebe7"}.glyph-screenshot:before{content:"\\ebe8"}.glyph-script-add:before{content:"\\ebe9"}.glyph-script:before{content:"\\ebea"}.glyph-scripts:before{content:"\\ebeb"}.glyph-search:before{content:"\\ebec"}.glyph-share-filled:before{content:"\\ebed"}.glyph-share:before{content:"\\ebee"}.glyph-shopping-cart-filled:before{content:"\\ebef"}.glyph-shopping-cart:before{content:"\\ebf0"}.glyph-shout-filled:before{content:"\\ebf1"}.glyph-shout:before{content:"\\ebf2"}.glyph-sign-language:before{content:"\\ebf3"}.glyph-signal-strength-0:before{content:"\\ebf4"}.glyph-signal-strength-1:before{content:"\\ebf5"}.glyph-signal-strength-2:before{content:"\\ebf6"}.glyph-signal-strength-3:before{content:"\\ebf7"}.glyph-signal-strength-4:before{content:"\\ebf8"}.glyph-signal-strength-5:before{content:"\\ebf9"}.glyph-signal-strength-6:before{content:"\\ebfa"}.glyph-signal-strength-7:before{content:"\\ebfb"}.glyph-signal-strength-8:before{content:"\\ebfc"}.glyph-simit-component:before{content:"\\ebfd"}.glyph-simit-macro-component-editor:before{content:"\\ebfe"}.glyph-simit-macro:before{content:"\\ebff"}.glyph-single-check:before{content:"\\ec00"}.glyph-skip-back-filled:before{content:"\\ec01"}.glyph-skip-back:before{content:"\\ec02"}.glyph-skip-filled:before{content:"\\ec03"}.glyph-skip:before{content:"\\ec04"}.glyph-snowflake:before{content:"\\ec05"}.glyph-sort-ascending:before{content:"\\ec06"}.glyph-sort-descending:before{content:"\\ec07"}.glyph-sort:before{content:"\\ec08"}.glyph-sound-loud-filled:before{content:"\\ec09"}.glyph-sound-loud:before{content:"\\ec0a"}.glyph-sound-mute-filled:before{content:"\\ec0b"}.glyph-sound-mute:before{content:"\\ec0c"}.glyph-sound-off-filled:before{content:"\\ec0d"}.glyph-sound-off:before{content:"\\ec0e"}.glyph-sound-quiet-filled:before{content:"\\ec0f"}.glyph-sound-quiet:before{content:"\\ec10"}.glyph-spatial:before{content:"\\ec11"}.glyph-split-horizontally:before{content:"\\ec12"}.glyph-split-vertically:before{content:"\\ec13"}.glyph-standby:before{content:"\\ec14"}.glyph-star-add-filled:before{content:"\\ec15"}.glyph-star-add:before{content:"\\ec16"}.glyph-star-cancelled-filled:before{content:"\\ec17"}.glyph-star-cancelled:before{content:"\\ec18"}.glyph-star-filled:before{content:"\\ec19"}.glyph-star-list-filled:before{content:"\\ec1a"}.glyph-star-list:before{content:"\\ec1b"}.glyph-star:before{content:"\\ec1c"}.glyph-start-data-analysis:before{content:"\\ec1d"}.glyph-steering-user-filled:before{content:"\\ec1e"}.glyph-steering-user:before{content:"\\ec1f"}.glyph-steering:before{content:"\\ec20"}.glyph-stethoscope:before{content:"\\ec21"}.glyph-stop-filled:before{content:"\\ec22"}.glyph-stop:before{content:"\\ec23"}.glyph-success-filled:before{content:"\\ec24"}.glyph-success:before{content:"\\ec25"}.glyph-sun-filled:before{content:"\\ec26"}.glyph-sun:before{content:"\\ec27"}.glyph-support:before{content:"\\ec28"}.glyph-surveillance-filled:before{content:"\\ec29"}.glyph-surveillance:before{content:"\\ec2a"}.glyph-svg-document:before{content:"\\ec2b"}.glyph-swap-left-right:before{content:"\\ec2c"}.glyph-switch-slider:before{content:"\\ec2d"}.glyph-table-columns:before{content:"\\ec2e"}.glyph-table-rows:before{content:"\\ec2f"}.glyph-table-settings:before{content:"\\ec30"}.glyph-table:before{content:"\\ec31"}.glyph-tag-filled:before{content:"\\ec32"}.glyph-tag-plus-filled:before{content:"\\ec33"}.glyph-tag-plus:before{content:"\\ec34"}.glyph-tag:before{content:"\\ec35"}.glyph-tasks-all:before{content:"\\ec36"}.glyph-tasks-done:before{content:"\\ec37"}.glyph-tasks-open:before{content:"\\ec38"}.glyph-text-circle-rectangle-filled:before{content:"\\ec39"}.glyph-text-circle-rectangle:before{content:"\\ec3a"}.glyph-text-document:before{content:"\\ec3b"}.glyph-text:before{content:"\\ec3c"}.glyph-threshold-cancelled:before{content:"\\ec3d"}.glyph-threshold-off:before{content:"\\ec3e"}.glyph-threshold-on:before{content:"\\ec3f"}.glyph-to-be-published:before{content:"\\ec40"}.glyph-to-search:before{content:"\\ec41"}.glyph-topic-filled:before{content:"\\ec42"}.glyph-topic:before{content:"\\ec43"}.glyph-touch-filled:before{content:"\\ec44"}.glyph-touch:before{content:"\\ec45"}.glyph-trashcan-filled:before{content:"\\ec46"}.glyph-trashcan:before{content:"\\ec47"}.glyph-tree:before{content:"\\ec48"}.glyph-trend:before{content:"\\ec49"}.glyph-triangle-filled:before{content:"\\ec4a"}.glyph-triangle:before{content:"\\ec4b"}.glyph-truck-filled:before{content:"\\ec4c"}.glyph-truck:before{content:"\\ec4d"}.glyph-tulip-filled:before{content:"\\ec4e"}.glyph-tulip:before{content:"\\ec4f"}.glyph-txt-document:before{content:"\\ec50"}.glyph-undo:before{content:"\\ec51"}.glyph-ungroup:before{content:"\\ec52"}.glyph-unlock-filled:before{content:"\\ec53"}.glyph-unlock-plant-filled:before{content:"\\ec54"}.glyph-unlock-plant:before{content:"\\ec55"}.glyph-unlock:before{content:"\\ec56"}.glyph-upload-document-note:before{content:"\\ec57"}.glyph-upload-success:before{content:"\\ec58"}.glyph-upload:before{content:"\\ec59"}.glyph-upper-limit:before{content:"\\ec5a"}.glyph-user-check-filled:before{content:"\\ec5b"}.glyph-user-check:before{content:"\\ec5c"}.glyph-user-filled:before{content:"\\ec5d"}.glyph-user-management-filled:before{content:"\\ec5e"}.glyph-user-management:before{content:"\\ec5f"}.glyph-user-profile-filled:before{content:"\\ec60"}.glyph-user-profile:before{content:"\\ec61"}.glyph-user-settings-filled:before{content:"\\ec62"}.glyph-user-settings:before{content:"\\ec63"}.glyph-user:before{content:"\\ec64"}.glyph-validate:before{content:"\\ec65"}.glyph-vdi-folder:before{content:"\\ec66"}.glyph-version-history:before{content:"\\ec67"}.glyph-video-file-filled:before{content:"\\ec68"}.glyph-video-file:before{content:"\\ec69"}.glyph-warning-filled:before{content:"\\ec6a"}.glyph-warning-rhomb-filled:before{content:"\\ec6b"}.glyph-warning-rhomb:before{content:"\\ec6c"}.glyph-warning:before{content:"\\ec6d"}.glyph-water-bathing:before{content:"\\ec6e"}.glyph-water-fish:before{content:"\\ec6f"}.glyph-water-sunbathing:before{content:"\\ec70"}.glyph-waveform:before{content:"\\ec71"}.glyph-webcam-filled:before{content:"\\ec72"}.glyph-webcam:before{content:"\\ec73"}.glyph-wlan-off:before{content:"\\ec74"}.glyph-wlan-strength-0:before{content:"\\ec75"}.glyph-wlan-strength-1:before{content:"\\ec76"}.glyph-wlan-strength-2:before{content:"\\ec77"}.glyph-wlan-strength-3:before{content:"\\ec78"}.glyph-work-case-filled:before{content:"\\ec79"}.glyph-work-case:before{content:"\\ec7a"}.glyph-x-axis-settings:before{content:"\\ec7b"}.glyph-xls-document:before{content:"\\ec7c"}.glyph-xml-document:before{content:"\\ec7d"}.glyph-y-axis-settings:before{content:"\\ec7e"}.glyph-youtube-filled:before{content:"\\ec7f"}.glyph-youtube:before{content:"\\ec80"}.glyph-zoom-in:before{content:"\\ec81"}.glyph-zoom-out:before{content:"\\ec82"}.glyph-zoom-selection:before{content:"\\ec83"}:host{display:inline-flex;height:1.5rem;width:1.5rem}:host i{color:inherit;transition:color 150ms}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container>svg{height:1.5rem;width:1.5rem}:host .svg-container>svg [fill]{fill:var(--theme-color-std-text)}:host .skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd}:host .skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}:host(.size-12){height:0.75rem;width:0.75rem}:host(.size-12) .svg-container>svg{height:0.75rem;width:0.75rem}:host(.size-16){height:1rem;width:1rem}:host(.size-16) .svg-container>svg{height:1rem;width:1rem}:host(.size-32){height:2rem;width:2rem}:host(.size-32) .svg-container>svg{height:2rem;width:2rem}';const h=class{constructor(t){e(this,t);this.size=undefined;this.color=undefined;this.name=undefined;this.src=undefined;this.svgContent=undefined}connectedCallback(){this.loadIconContent()}async loadIconContent(){this.svgContent=await b(this)}render(){const e={};if(this.color){e["color"]=`var(--theme-${this.color})`}if(this.name&&!this.svgContent){const n=this.name;return t(o,{style:e,class:{["size-12"]:this.size==="12",["size-16"]:this.size==="16",["size-24"]:this.size==="24",["size-32"]:this.size==="32"}},t("i",{class:{glyph:true,[`glyph-${n}`]:true,"glyph-12":this.size==="12","glyph-16":this.size==="16","glyph-24":this.size==="24","glyph-32":this.size==="32"}}))}return t(o,{style:e,class:{["size-12"]:this.size==="12",["size-16"]:this.size==="16",["size-24"]:this.size==="24",["size-32"]:this.size==="32"}},this.svgContent?t("div",{class:"svg-container",innerHTML:this.svgContent}):t("span",{class:"skeleton-box",style:{width:"100%",height:"100%"}}))}static get watchers(){return{src:["loadIconContent"],name:["loadIconContent"]}}};h.style=f;export{h as I};
-//# sourceMappingURL=p-8c7d1e06.js.map

package/dist/siemens-ix/p-8c7d1e06.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isSvgDataUrl","url","startsWith","parser","parseSVGDataContent","content","window","console","warn","svgDocument","parseFromString","svgElement","querySelector","Error","outerHTML","async","fetchSVG","response","fetch","responseText","text","ok","error","resolveIcon","icon","src","name","iconCss","Icon","constructor","hostRef","this","size","undefined","color","svgContent","connectedCallback","loadIconContent","render","style","iconName","h","Host","class","glyph","innerHTML","width","height"],"sources":["../../node_modules/@siemens/ix-icons/dist/collection/components/icon/resolveIcon.js","../../node_modules/@siemens/ix-icons/dist/collection/components/icon/icon.css?tag=ix-icon&encapsulation=shadow","../../node_modules/@siemens/ix-icons/dist/collection/components/icon/icon.js"],"sourcesContent":["export const isSvgDataUrl = (url) => {\n  if (!url) {\n    return false;\n  }\n  if (typeof url !== 'string') {\n    return false;\n  }\n  return url.startsWith('data:image/svg+xml');\n};\nlet parser = null;\nfunction parseSVGDataContent(content) {\n  if (typeof window['DOMParser'] === 'undefined') {\n    console.warn('DOMParser not supported by your browser.');\n    return;\n  }\n  if (parser === null) {\n    parser = new window['DOMParser']();\n  }\n  const svgDocument = parser.parseFromString(content, 'text/html');\n  const svgElement = svgDocument.querySelector('svg');\n  if (!svgElement) {\n    throw Error('No valid svg data provided');\n  }\n  return svgElement.outerHTML;\n}\nasync function fetchSVG(url) {\n  const response = await fetch(url);\n  const responseText = await response.text();\n  if (!response.ok) {\n    console.error(responseText);\n    return '';\n  }\n  return parseSVGDataContent(responseText);\n}\nexport async function resolveIcon(icon) {\n  const { src, name } = icon;\n  if (name) {\n    if (isSvgDataUrl(name)) {\n      return parseSVGDataContent(name);\n    }\n    //Fallback return undefined to render web font icon\n    return;\n  }\n  if (!src) {\n    return '';\n  }\n  if (isSvgDataUrl(src)) {\n    return parseSVGDataContent(src);\n  }\n  return fetchSVG(src);\n}\n//# sourceMappingURL=resolveIcon.js.map\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.\n */\n.glyph {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: inline-block;\n  font-style: normal;\n  font-variant: normal;\n  text-rendering: auto;\n  line-height: 1;\n  font-family: \"ix-icons\";\n  font-size: 1.5rem;\n  font-weight: 500;\n}\n\n.glyph-lg {\n  font-size: 1.3333333333em;\n  line-height: 0.75em;\n  vertical-align: -15%;\n}\n\n.glyph-2x {\n  font-size: 2em;\n}\n\n.glyph-3x {\n  font-size: 3em;\n}\n\n.glyph-4x {\n  font-size: 4em;\n}\n\n.glyph-5x {\n  font-size: 5em;\n}\n\n.glyph-fw {\n  width: 1.2857142857em;\n  text-align: center;\n}\n\n.glyph-12 {\n  font-size: 0.75rem;\n}\n\n.glyph-16 {\n  font-size: 1rem;\n}\n\n.glyph-24 {\n  font-size: 1.5rem;\n}\n\n.glyph-32 {\n  font-size: 2rem;\n}\n\n.glyph-about-filled:before {\n  content: \"\\ea01\";\n}\n\n.glyph-about:before {\n  content: \"\\ea02\";\n}\n\n.glyph-add-circle-filled:before {\n  content: \"\\ea03\";\n}\n\n.glyph-add-circle:before {\n  content: \"\\ea04\";\n}\n\n.glyph-add-document-note:before {\n  content: \"\\ea05\";\n}\n\n.glyph-add-eye-filled:before {\n  content: \"\\ea06\";\n}\n\n.glyph-add-eye:before {\n  content: \"\\ea07\";\n}\n\n.glyph-add-task-list:before {\n  content: \"\\ea08\";\n}\n\n.glyph-add-task:before {\n  content: \"\\ea09\";\n}\n\n.glyph-add:before {\n  content: \"\\ea0a\";\n}\n\n.glyph-ai:before {\n  content: \"\\ea0b\";\n}\n\n.glyph-alarm-bell-cancelled-filled:before {\n  content: \"\\ea0c\";\n}\n\n.glyph-alarm-bell-cancelled:before {\n  content: \"\\ea0d\";\n}\n\n.glyph-alarm-bell-filled:before {\n  content: \"\\ea0e\";\n}\n\n.glyph-alarm-bell:before {\n  content: \"\\ea0f\";\n}\n\n.glyph-alarm-clock-filled:before {\n  content: \"\\ea10\";\n}\n\n.glyph-alarm-clock:before {\n  content: \"\\ea11\";\n}\n\n.glyph-alarm-filled:before {\n  content: \"\\ea12\";\n}\n\n.glyph-alarm:before {\n  content: \"\\ea13\";\n}\n\n.glyph-analyze:before {\n  content: \"\\ea14\";\n}\n\n.glyph-anomaly-found:before {\n  content: \"\\ea15\";\n}\n\n.glyph-anomaly:before {\n  content: \"\\ea16\";\n}\n\n.glyph-app-menu:before {\n  content: \"\\ea17\";\n}\n\n.glyph-apps:before {\n  content: \"\\ea18\";\n}\n\n.glyph-arrow-down-right:before {\n  content: \"\\ea19\";\n}\n\n.glyph-arrow-down:before {\n  content: \"\\ea1a\";\n}\n\n.glyph-arrow-left:before {\n  content: \"\\ea1b\";\n}\n\n.glyph-arrow-right-down:before {\n  content: \"\\ea1c\";\n}\n\n.glyph-arrow-right:before {\n  content: \"\\ea1d\";\n}\n\n.glyph-arrow-up:before {\n  content: \"\\ea1e\";\n}\n\n.glyph-attach:before {\n  content: \"\\ea1f\";\n}\n\n.glyph-attachment-upload:before {\n  content: \"\\ea20\";\n}\n\n.glyph-audio-description1:before {\n  content: \"\\ea21\";\n}\n\n.glyph-audio-description2:before {\n  content: \"\\ea22\";\n}\n\n.glyph-audit-report:before {\n  content: \"\\ea23\";\n}\n\n.glyph-average:before {\n  content: \"\\ea24\";\n}\n\n.glyph-backup-filled:before {\n  content: \"\\ea25\";\n}\n\n.glyph-backup:before {\n  content: \"\\ea26\";\n}\n\n.glyph-bar-code:before {\n  content: \"\\ea27\";\n}\n\n.glyph-barchart:before {\n  content: \"\\ea28\";\n}\n\n.glyph-battery-check:before {\n  content: \"\\ea29\";\n}\n\n.glyph-battery-empty-question:before {\n  content: \"\\ea2a\";\n}\n\n.glyph-battery-empty:before {\n  content: \"\\ea2b\";\n}\n\n.glyph-battery-exclamation:before {\n  content: \"\\ea2c\";\n}\n\n.glyph-battery-full-check:before {\n  content: \"\\ea2d\";\n}\n\n.glyph-battery-full:before {\n  content: \"\\ea2e\";\n}\n\n.glyph-battery-half:before {\n  content: \"\\ea2f\";\n}\n\n.glyph-battery-low:before {\n  content: \"\\ea30\";\n}\n\n.glyph-battery-quarter:before {\n  content: \"\\ea31\";\n}\n\n.glyph-battery-slash:before {\n  content: \"\\ea32\";\n}\n\n.glyph-battery-three-quarter:before {\n  content: \"\\ea33\";\n}\n\n.glyph-battery-xmark:before {\n  content: \"\\ea34\";\n}\n\n.glyph-bezier-curve:before {\n  content: \"\\ea35\";\n}\n\n.glyph-binoculars-filled:before {\n  content: \"\\ea36\";\n}\n\n.glyph-binoculars:before {\n  content: \"\\ea37\";\n}\n\n.glyph-blazor:before {\n  content: \"\\ea38\";\n}\n\n.glyph-book:before {\n  content: \"\\ea39\";\n}\n\n.glyph-bookmark-filled:before {\n  content: \"\\ea3a\";\n}\n\n.glyph-bookmark:before {\n  content: \"\\ea3b\";\n}\n\n.glyph-boundary-signals:before {\n  content: \"\\ea3c\";\n}\n\n.glyph-building1-filled:before {\n  content: \"\\ea3d\";\n}\n\n.glyph-building1:before {\n  content: \"\\ea3e\";\n}\n\n.glyph-building2-filled:before {\n  content: \"\\ea3f\";\n}\n\n.glyph-building2:before {\n  content: \"\\ea40\";\n}\n\n.glyph-bulb-filled:before {\n  content: \"\\ea41\";\n}\n\n.glyph-bulb:before {\n  content: \"\\ea42\";\n}\n\n.glyph-calendar-filled:before {\n  content: \"\\ea43\";\n}\n\n.glyph-calendar-settings:before {\n  content: \"\\ea44\";\n}\n\n.glyph-calendar:before {\n  content: \"\\ea45\";\n}\n\n.glyph-cancel:before {\n  content: \"\\ea46\";\n}\n\n.glyph-cancelled:before {\n  content: \"\\ea47\";\n}\n\n.glyph-capacity-filled:before {\n  content: \"\\ea48\";\n}\n\n.glyph-capacity:before {\n  content: \"\\ea49\";\n}\n\n.glyph-capture:before {\n  content: \"\\ea4a\";\n}\n\n.glyph-car-filled:before {\n  content: \"\\ea4b\";\n}\n\n.glyph-car:before {\n  content: \"\\ea4c\";\n}\n\n.glyph-card-layout-filled:before {\n  content: \"\\ea4d\";\n}\n\n.glyph-card-layout:before {\n  content: \"\\ea4e\";\n}\n\n.glyph-chart-cursor:before {\n  content: \"\\ea4f\";\n}\n\n.glyph-chart-curve-linear:before {\n  content: \"\\ea50\";\n}\n\n.glyph-chart-curve-spline:before {\n  content: \"\\ea51\";\n}\n\n.glyph-chart-curve-stepped:before {\n  content: \"\\ea52\";\n}\n\n.glyph-chart-diagram-add:before {\n  content: \"\\ea53\";\n}\n\n.glyph-chart-diagram:before {\n  content: \"\\ea54\";\n}\n\n.glyph-chart-diagrams:before {\n  content: \"\\ea55\";\n}\n\n.glyph-chart-labels-filled:before {\n  content: \"\\ea56\";\n}\n\n.glyph-chart-labels:before {\n  content: \"\\ea57\";\n}\n\n.glyph-check-in:before {\n  content: \"\\ea58\";\n}\n\n.glyph-check-out:before {\n  content: \"\\ea59\";\n}\n\n.glyph-checkbox-component-checked:before {\n  content: \"\\ea5a\";\n}\n\n.glyph-checkbox-component-mixed:before {\n  content: \"\\ea5b\";\n}\n\n.glyph-checkbox-component-unchecked:before {\n  content: \"\\ea5c\";\n}\n\n.glyph-checkbox-filled:before {\n  content: \"\\ea5d\";\n}\n\n.glyph-checkbox:before {\n  content: \"\\ea5e\";\n}\n\n.glyph-checkboxes-filled:before {\n  content: \"\\ea5f\";\n}\n\n.glyph-checkboxes:before {\n  content: \"\\ea60\";\n}\n\n.glyph-chevron-down-small:before {\n  content: \"\\ea61\";\n}\n\n.glyph-chevron-down:before {\n  content: \"\\ea62\";\n}\n\n.glyph-chevron-left-small:before {\n  content: \"\\ea63\";\n}\n\n.glyph-chevron-left:before {\n  content: \"\\ea64\";\n}\n\n.glyph-chevron-right-small:before {\n  content: \"\\ea65\";\n}\n\n.glyph-chevron-right:before {\n  content: \"\\ea66\";\n}\n\n.glyph-chevron-up-small:before {\n  content: \"\\ea67\";\n}\n\n.glyph-chevron-up:before {\n  content: \"\\ea68\";\n}\n\n.glyph-circle-dot-filled:before {\n  content: \"\\ea69\";\n}\n\n.glyph-circle-dot:before {\n  content: \"\\ea6a\";\n}\n\n.glyph-circle-filled:before {\n  content: \"\\ea6b\";\n}\n\n.glyph-circle-pause-filled:before {\n  content: \"\\ea6c\";\n}\n\n.glyph-circle-pause:before {\n  content: \"\\ea6d\";\n}\n\n.glyph-circle-play-filled:before {\n  content: \"\\ea6e\";\n}\n\n.glyph-circle-play:before {\n  content: \"\\ea6f\";\n}\n\n.glyph-circle-stop-filled:before {\n  content: \"\\ea70\";\n}\n\n.glyph-circle-stop:before {\n  content: \"\\ea71\";\n}\n\n.glyph-circle:before {\n  content: \"\\ea72\";\n}\n\n.glyph-clear-filter-filled:before {\n  content: \"\\ea73\";\n}\n\n.glyph-clear-filter:before {\n  content: \"\\ea74\";\n}\n\n.glyph-clear:before {\n  content: \"\\ea75\";\n}\n\n.glyph-clock-filled:before {\n  content: \"\\ea76\";\n}\n\n.glyph-clock:before {\n  content: \"\\ea77\";\n}\n\n.glyph-close-small:before {\n  content: \"\\ea78\";\n}\n\n.glyph-close:before {\n  content: \"\\ea79\";\n}\n\n.glyph-cloud-download-add-filled:before {\n  content: \"\\ea7a\";\n}\n\n.glyph-cloud-download-add:before {\n  content: \"\\ea7b\";\n}\n\n.glyph-cloud-download-filled:before {\n  content: \"\\ea7c\";\n}\n\n.glyph-cloud-download-list-filled:before {\n  content: \"\\ea7d\";\n}\n\n.glyph-cloud-download-list:before {\n  content: \"\\ea7e\";\n}\n\n.glyph-cloud-download:before {\n  content: \"\\ea7f\";\n}\n\n.glyph-cloud-filled:before {\n  content: \"\\ea80\";\n}\n\n.glyph-cloud-new-filled:before {\n  content: \"\\ea81\";\n}\n\n.glyph-cloud-new:before {\n  content: \"\\ea82\";\n}\n\n.glyph-cloud-success-filled:before {\n  content: \"\\ea83\";\n}\n\n.glyph-cloud-success:before {\n  content: \"\\ea84\";\n}\n\n.glyph-cloud-upload-filled:before {\n  content: \"\\ea85\";\n}\n\n.glyph-cloud-upload:before {\n  content: \"\\ea86\";\n}\n\n.glyph-cloud:before {\n  content: \"\\ea87\";\n}\n\n.glyph-code:before {\n  content: \"\\ea88\";\n}\n\n.glyph-cogwheel-filled:before {\n  content: \"\\ea89\";\n}\n\n.glyph-cogwheel:before {\n  content: \"\\ea8a\";\n}\n\n.glyph-combine:before {\n  content: \"\\ea8b\";\n}\n\n.glyph-compact-disc-filled:before {\n  content: \"\\ea8c\";\n}\n\n.glyph-compact-disc:before {\n  content: \"\\ea8d\";\n}\n\n.glyph-compound-block:before {\n  content: \"\\ea8e\";\n}\n\n.glyph-configuration:before {\n  content: \"\\ea8f\";\n}\n\n.glyph-configure-filled:before {\n  content: \"\\ea90\";\n}\n\n.glyph-configure:before {\n  content: \"\\ea91\";\n}\n\n.glyph-connected:before {\n  content: \"\\ea92\";\n}\n\n.glyph-connector-chart-filled:before {\n  content: \"\\ea93\";\n}\n\n.glyph-connector-chart:before {\n  content: \"\\ea94\";\n}\n\n.glyph-connector-filled:before {\n  content: \"\\ea95\";\n}\n\n.glyph-connector-hex-filled:before {\n  content: \"\\ea96\";\n}\n\n.glyph-connector-hex:before {\n  content: \"\\ea97\";\n}\n\n.glyph-connector-rect-filled:before {\n  content: \"\\ea98\";\n}\n\n.glyph-connector-rect:before {\n  content: \"\\ea99\";\n}\n\n.glyph-connector-rhomb-filled:before {\n  content: \"\\ea9a\";\n}\n\n.glyph-connector-rhomb:before {\n  content: \"\\ea9b\";\n}\n\n.glyph-connector:before {\n  content: \"\\ea9c\";\n}\n\n.glyph-consistency-check:before {\n  content: \"\\ea9d\";\n}\n\n.glyph-contact-details-filled:before {\n  content: \"\\ea9e\";\n}\n\n.glyph-contact-details:before {\n  content: \"\\ea9f\";\n}\n\n.glyph-context-menu:before {\n  content: \"\\eaa0\";\n}\n\n.glyph-controlled-device:before {\n  content: \"\\eaa1\";\n}\n\n.glyph-controller-device:before {\n  content: \"\\eaa2\";\n}\n\n.glyph-copy:before {\n  content: \"\\eaa3\";\n}\n\n.glyph-corner-arrow-up-left:before {\n  content: \"\\eaa4\";\n}\n\n.glyph-couch-filled:before {\n  content: \"\\eaa5\";\n}\n\n.glyph-couch:before {\n  content: \"\\eaa6\";\n}\n\n.glyph-create-plant-filled:before {\n  content: \"\\eaa7\";\n}\n\n.glyph-create-plant:before {\n  content: \"\\eaa8\";\n}\n\n.glyph-cut:before {\n  content: \"\\eaa9\";\n}\n\n.glyph-cycle:before {\n  content: \"\\eaaa\";\n}\n\n.glyph-data-egress:before {\n  content: \"\\eaab\";\n}\n\n.glyph-data-ingress-egress:before {\n  content: \"\\eaac\";\n}\n\n.glyph-data-ingress:before {\n  content: \"\\eaad\";\n}\n\n.glyph-database-filled:before {\n  content: \"\\eaae\";\n}\n\n.glyph-database:before {\n  content: \"\\eaaf\";\n}\n\n.glyph-details:before {\n  content: \"\\eab0\";\n}\n\n.glyph-diagram-module-library:before {\n  content: \"\\eab1\";\n}\n\n.glyph-diagram-module-new:before {\n  content: \"\\eab2\";\n}\n\n.glyph-diagram-module:before {\n  content: \"\\eab3\";\n}\n\n.glyph-diamond:before {\n  content: \"\\eab4\";\n}\n\n.glyph-disconnected:before {\n  content: \"\\eab5\";\n}\n\n.glyph-disk-filled:before {\n  content: \"\\eab6\";\n}\n\n.glyph-disk-pen:before {\n  content: \"\\eab7\";\n}\n\n.glyph-disk:before {\n  content: \"\\eab8\";\n}\n\n.glyph-distribution:before {\n  content: \"\\eab9\";\n}\n\n.glyph-doc-document:before {\n  content: \"\\eaba\";\n}\n\n.glyph-document-bulk:before {\n  content: \"\\eabb\";\n}\n\n.glyph-document-info:before {\n  content: \"\\eabc\";\n}\n\n.glyph-document-link:before {\n  content: \"\\eabd\";\n}\n\n.glyph-document-management:before {\n  content: \"\\eabe\";\n}\n\n.glyph-document-reference:before {\n  content: \"\\eabf\";\n}\n\n.glyph-document-settings:before {\n  content: \"\\eac0\";\n}\n\n.glyph-document-success:before {\n  content: \"\\eac1\";\n}\n\n.glyph-document:before {\n  content: \"\\eac2\";\n}\n\n.glyph-double-check:before {\n  content: \"\\eac3\";\n}\n\n.glyph-double-chevron-down:before {\n  content: \"\\eac4\";\n}\n\n.glyph-double-chevron-left:before {\n  content: \"\\eac5\";\n}\n\n.glyph-double-chevron-right:before {\n  content: \"\\eac6\";\n}\n\n.glyph-double-chevron-up:before {\n  content: \"\\eac7\";\n}\n\n.glyph-doublet-filled:before {\n  content: \"\\eac8\";\n}\n\n.glyph-doublet:before {\n  content: \"\\eac9\";\n}\n\n.glyph-download-add:before {\n  content: \"\\eaca\";\n}\n\n.glyph-download-list:before {\n  content: \"\\eacb\";\n}\n\n.glyph-download:before {\n  content: \"\\eacc\";\n}\n\n.glyph-drop:before {\n  content: \"\\eacd\";\n}\n\n.glyph-duplicate-document:before {\n  content: \"\\eace\";\n}\n\n.glyph-duplicate:before {\n  content: \"\\eacf\";\n}\n\n.glyph-e-mail-filled:before {\n  content: \"\\ead0\";\n}\n\n.glyph-e-mail:before {\n  content: \"\\ead1\";\n}\n\n.glyph-earth-filled:before {\n  content: \"\\ead2\";\n}\n\n.glyph-earth:before {\n  content: \"\\ead3\";\n}\n\n.glyph-edit-plant:before {\n  content: \"\\ead4\";\n}\n\n.glyph-ellipse-arc:before {\n  content: \"\\ead5\";\n}\n\n.glyph-ellipse-filled:before {\n  content: \"\\ead6\";\n}\n\n.glyph-ellipse:before {\n  content: \"\\ead7\";\n}\n\n.glyph-error-filled:before {\n  content: \"\\ead8\";\n}\n\n.glyph-error:before {\n  content: \"\\ead9\";\n}\n\n.glyph-explore-filled:before {\n  content: \"\\eada\";\n}\n\n.glyph-explore:before {\n  content: \"\\eadb\";\n}\n\n.glyph-export:before {\n  content: \"\\eadc\";\n}\n\n.glyph-eye-cancelled-filled:before {\n  content: \"\\eadd\";\n}\n\n.glyph-eye-cancelled:before {\n  content: \"\\eade\";\n}\n\n.glyph-eye-filled:before {\n  content: \"\\eadf\";\n}\n\n.glyph-eye:before {\n  content: \"\\eae0\";\n}\n\n.glyph-factory-reset-filled:before {\n  content: \"\\eae1\";\n}\n\n.glyph-factory-reset:before {\n  content: \"\\eae2\";\n}\n\n.glyph-filter-filled:before {\n  content: \"\\eae3\";\n}\n\n.glyph-filter-outline:before {\n  content: \"\\eae4\";\n}\n\n.glyph-filter:before {\n  content: \"\\eae5\";\n}\n\n.glyph-flag-filled:before {\n  content: \"\\eae6\";\n}\n\n.glyph-flag:before {\n  content: \"\\eae7\";\n}\n\n.glyph-folder-down-filled:before {\n  content: \"\\eae8\";\n}\n\n.glyph-folder-down:before {\n  content: \"\\eae9\";\n}\n\n.glyph-folder-filled:before {\n  content: \"\\eaea\";\n}\n\n.glyph-folder-new-filled:before {\n  content: \"\\eaeb\";\n}\n\n.glyph-folder-new-outline:before {\n  content: \"\\eaec\";\n}\n\n.glyph-folder-new:before {\n  content: \"\\eaed\";\n}\n\n.glyph-folder-open-filled:before {\n  content: \"\\eaee\";\n}\n\n.glyph-folder-open-outline:before {\n  content: \"\\eaef\";\n}\n\n.glyph-folder-open:before {\n  content: \"\\eaf0\";\n}\n\n.glyph-folder-outline:before {\n  content: \"\\eaf1\";\n}\n\n.glyph-folder-up-filled:before {\n  content: \"\\eaf2\";\n}\n\n.glyph-folder-up:before {\n  content: \"\\eaf3\";\n}\n\n.glyph-folder:before {\n  content: \"\\eaf4\";\n}\n\n.glyph-full-screeen-exit:before {\n  content: \"\\eaf5\";\n}\n\n.glyph-full-screeen:before {\n  content: \"\\eaf6\";\n}\n\n.glyph-function-block-library:before {\n  content: \"\\eaf7\";\n}\n\n.glyph-function-block-new:before {\n  content: \"\\eaf8\";\n}\n\n.glyph-function-block:before {\n  content: \"\\eaf9\";\n}\n\n.glyph-function-diagram-new:before {\n  content: \"\\eafa\";\n}\n\n.glyph-function-diagram:before {\n  content: \"\\eafb\";\n}\n\n.glyph-gauge-filled:before {\n  content: \"\\eafc\";\n}\n\n.glyph-gauge:before {\n  content: \"\\eafd\";\n}\n\n.glyph-gaugechart:before {\n  content: \"\\eafe\";\n}\n\n.glyph-global-plant-filled:before {\n  content: \"\\eaff\";\n}\n\n.glyph-global-plant:before {\n  content: \"\\eb00\";\n}\n\n.glyph-globe-filled:before {\n  content: \"\\eb01\";\n}\n\n.glyph-globe:before {\n  content: \"\\eb02\";\n}\n\n.glyph-goto:before {\n  content: \"\\eb03\";\n}\n\n.glyph-group:before {\n  content: \"\\eb04\";\n}\n\n.glyph-hard-reset:before {\n  content: \"\\eb05\";\n}\n\n.glyph-hardware-cabinet:before {\n  content: \"\\eb06\";\n}\n\n.glyph-health-filled:before {\n  content: \"\\eb07\";\n}\n\n.glyph-health:before {\n  content: \"\\eb08\";\n}\n\n.glyph-heart-filled:before {\n  content: \"\\eb09\";\n}\n\n.glyph-heart:before {\n  content: \"\\eb0a\";\n}\n\n.glyph-hexagon-vertical-bars-database-filled:before {\n  content: \"\\eb0b\";\n}\n\n.glyph-hexagon-vertical-bars-database:before {\n  content: \"\\eb0c\";\n}\n\n.glyph-hexagon-vertical-bars-filled:before {\n  content: \"\\eb0d\";\n}\n\n.glyph-hexagon-vertical-bars:before {\n  content: \"\\eb0e\";\n}\n\n.glyph-hierarchy:before {\n  content: \"\\eb0f\";\n}\n\n.glyph-highlight-filled:before {\n  content: \"\\eb10\";\n}\n\n.glyph-highlight:before {\n  content: \"\\eb11\";\n}\n\n.glyph-history-list:before {\n  content: \"\\eb12\";\n}\n\n.glyph-history:before {\n  content: \"\\eb13\";\n}\n\n.glyph-home-filled:before {\n  content: \"\\eb14\";\n}\n\n.glyph-home:before {\n  content: \"\\eb15\";\n}\n\n.glyph-hourglass:before {\n  content: \"\\eb16\";\n}\n\n.glyph-image-filled:before {\n  content: \"\\eb17\";\n}\n\n.glyph-image:before {\n  content: \"\\eb18\";\n}\n\n.glyph-import:before {\n  content: \"\\eb19\";\n}\n\n.glyph-info-feed:before {\n  content: \"\\eb1a\";\n}\n\n.glyph-info-filled:before {\n  content: \"\\eb1b\";\n}\n\n.glyph-info:before {\n  content: \"\\eb1c\";\n}\n\n.glyph-ingestion-report:before {\n  content: \"\\eb1d\";\n}\n\n.glyph-ingestion:before {\n  content: \"\\eb1e\";\n}\n\n.glyph-ink-pen:before {\n  content: \"\\eb1f\";\n}\n\n.glyph-inquiry-filled:before {\n  content: \"\\eb20\";\n}\n\n.glyph-inquiry-mail:before {\n  content: \"\\eb21\";\n}\n\n.glyph-inquiry:before {\n  content: \"\\eb22\";\n}\n\n.glyph-item-details-filled:before {\n  content: \"\\eb23\";\n}\n\n.glyph-item-details:before {\n  content: \"\\eb24\";\n}\n\n.glyph-label-filled:before {\n  content: \"\\eb25\";\n}\n\n.glyph-label:before {\n  content: \"\\eb26\";\n}\n\n.glyph-language-filled:before {\n  content: \"\\eb27\";\n}\n\n.glyph-language:before {\n  content: \"\\eb28\";\n}\n\n.glyph-layers-filled:before {\n  content: \"\\eb29\";\n}\n\n.glyph-layers:before {\n  content: \"\\eb2a\";\n}\n\n.glyph-leaf:before {\n  content: \"\\eb2b\";\n}\n\n.glyph-legal:before {\n  content: \"\\eb2c\";\n}\n\n.glyph-library-new:before {\n  content: \"\\eb2d\";\n}\n\n.glyph-library:before {\n  content: \"\\eb2e\";\n}\n\n.glyph-license:before {\n  content: \"\\eb2f\";\n}\n\n.glyph-light-dark:before {\n  content: \"\\eb30\";\n}\n\n.glyph-line-diagonal:before {\n  content: \"\\eb31\";\n}\n\n.glyph-link:before {\n  content: \"\\eb32\";\n}\n\n.glyph-list:before {\n  content: \"\\eb33\";\n}\n\n.glyph-live-schedule:before {\n  content: \"\\eb34\";\n}\n\n.glyph-location-filled:before {\n  content: \"\\eb35\";\n}\n\n.glyph-location-outline:before {\n  content: \"\\eb36\";\n}\n\n.glyph-location:before {\n  content: \"\\eb37\";\n}\n\n.glyph-lock-filled:before {\n  content: \"\\eb38\";\n}\n\n.glyph-lock-key-filled:before {\n  content: \"\\eb39\";\n}\n\n.glyph-lock-key:before {\n  content: \"\\eb3a\";\n}\n\n.glyph-lock:before {\n  content: \"\\eb3b\";\n}\n\n.glyph-log-in:before {\n  content: \"\\eb3c\";\n}\n\n.glyph-log-out:before {\n  content: \"\\eb3d\";\n}\n\n.glyph-log:before {\n  content: \"\\eb3e\";\n}\n\n.glyph-logic-diagram:before {\n  content: \"\\eb3f\";\n}\n\n.glyph-lower-limit:before {\n  content: \"\\eb40\";\n}\n\n.glyph-mail-filled:before {\n  content: \"\\eb41\";\n}\n\n.glyph-mail:before {\n  content: \"\\eb42\";\n}\n\n.glyph-maintenance-documents:before {\n  content: \"\\eb43\";\n}\n\n.glyph-maintenance-info:before {\n  content: \"\\eb44\";\n}\n\n.glyph-maintenance-warning-filled:before {\n  content: \"\\eb45\";\n}\n\n.glyph-maintenance-warning:before {\n  content: \"\\eb46\";\n}\n\n.glyph-maintenance:before {\n  content: \"\\eb47\";\n}\n\n.glyph-mandatory-done:before {\n  content: \"\\eb48\";\n}\n\n.glyph-mandatory:before {\n  content: \"\\eb49\";\n}\n\n.glyph-map:before {\n  content: \"\\eb4a\";\n}\n\n.glyph-maximize:before {\n  content: \"\\eb4b\";\n}\n\n.glyph-microphone-filled:before {\n  content: \"\\eb4c\";\n}\n\n.glyph-microphone:before {\n  content: \"\\eb4d\";\n}\n\n.glyph-minimize:before {\n  content: \"\\eb4e\";\n}\n\n.glyph-minus:before {\n  content: \"\\eb4f\";\n}\n\n.glyph-mix:before {\n  content: \"\\eb50\";\n}\n\n.glyph-monitor-filled:before {\n  content: \"\\eb51\";\n}\n\n.glyph-monitor-trend:before {\n  content: \"\\eb52\";\n}\n\n.glyph-monitor:before {\n  content: \"\\eb53\";\n}\n\n.glyph-monitoring-add:before {\n  content: \"\\eb54\";\n}\n\n.glyph-monitoring:before {\n  content: \"\\eb55\";\n}\n\n.glyph-monitorings:before {\n  content: \"\\eb56\";\n}\n\n.glyph-moon-filled:before {\n  content: \"\\eb57\";\n}\n\n.glyph-moon:before {\n  content: \"\\eb58\";\n}\n\n.glyph-more-menu:before {\n  content: \"\\eb59\";\n}\n\n.glyph-mouse-click-filled:before {\n  content: \"\\eb5a\";\n}\n\n.glyph-mouse-click:before {\n  content: \"\\eb5b\";\n}\n\n.glyph-mouse-select-filled:before {\n  content: \"\\eb5c\";\n}\n\n.glyph-mouse-select:before {\n  content: \"\\eb5d\";\n}\n\n.glyph-mp4-document:before {\n  content: \"\\eb5e\";\n}\n\n.glyph-namur-check-function-filled:before {\n  content: \"\\eb5f\";\n}\n\n.glyph-namur-check-function:before {\n  content: \"\\eb60\";\n}\n\n.glyph-namur-failure-filled:before {\n  content: \"\\eb61\";\n}\n\n.glyph-namur-failure:before {\n  content: \"\\eb62\";\n}\n\n.glyph-namur-maintenance-required-filled:before {\n  content: \"\\eb63\";\n}\n\n.glyph-namur-maintenance-required:before {\n  content: \"\\eb64\";\n}\n\n.glyph-namur-ok-filled:before {\n  content: \"\\eb65\";\n}\n\n.glyph-namur-ok:before {\n  content: \"\\eb66\";\n}\n\n.glyph-namur-out-of-spec-filled:before {\n  content: \"\\eb67\";\n}\n\n.glyph-namur-out-of-spec:before {\n  content: \"\\eb68\";\n}\n\n.glyph-navigation-filled:before {\n  content: \"\\eb69\";\n}\n\n.glyph-navigation-left:before {\n  content: \"\\eb6a\";\n}\n\n.glyph-navigation-right:before {\n  content: \"\\eb6b\";\n}\n\n.glyph-navigation:before {\n  content: \"\\eb6c\";\n}\n\n.glyph-new-indicator-filled:before {\n  content: \"\\eb6d\";\n}\n\n.glyph-new-indicator:before {\n  content: \"\\eb6e\";\n}\n\n.glyph-no-filter-filled:before {\n  content: \"\\eb6f\";\n}\n\n.glyph-no-filter:before {\n  content: \"\\eb70\";\n}\n\n.glyph-no-image:before {\n  content: \"\\eb71\";\n}\n\n.glyph-note-filled:before {\n  content: \"\\eb72\";\n}\n\n.glyph-note:before {\n  content: \"\\eb73\";\n}\n\n.glyph-notification-filled:before {\n  content: \"\\eb74\";\n}\n\n.glyph-notification:before {\n  content: \"\\eb75\";\n}\n\n.glyph-notifications-filled:before {\n  content: \"\\eb76\";\n}\n\n.glyph-notifications:before {\n  content: \"\\eb77\";\n}\n\n.glyph-ontology-filled:before {\n  content: \"\\eb78\";\n}\n\n.glyph-ontology:before {\n  content: \"\\eb79\";\n}\n\n.glyph-open-external:before {\n  content: \"\\eb7a\";\n}\n\n.glyph-open-file-filled:before {\n  content: \"\\eb7b\";\n}\n\n.glyph-open-file:before {\n  content: \"\\eb7c\";\n}\n\n.glyph-operate-plant-filled:before {\n  content: \"\\eb7d\";\n}\n\n.glyph-operate-plant:before {\n  content: \"\\eb7e\";\n}\n\n.glyph-optimize:before {\n  content: \"\\eb7f\";\n}\n\n.glyph-p-and-i-symbols:before {\n  content: \"\\eb80\";\n}\n\n.glyph-p-i-diagram:before {\n  content: \"\\eb81\";\n}\n\n.glyph-pan:before {\n  content: \"\\eb82\";\n}\n\n.glyph-paste:before {\n  content: \"\\eb83\";\n}\n\n.glyph-pause:before {\n  content: \"\\eb84\";\n}\n\n.glyph-pc-tower-filled:before {\n  content: \"\\eb85\";\n}\n\n.glyph-pc-tower:before {\n  content: \"\\eb86\";\n}\n\n.glyph-pdf-document:before {\n  content: \"\\eb87\";\n}\n\n.glyph-pen-filled:before {\n  content: \"\\eb88\";\n}\n\n.glyph-pen:before {\n  content: \"\\eb89\";\n}\n\n.glyph-phone-filled:before {\n  content: \"\\eb8a\";\n}\n\n.glyph-phone:before {\n  content: \"\\eb8b\";\n}\n\n.glyph-photo-camera-add:before {\n  content: \"\\eb8c\";\n}\n\n.glyph-photo-camera-filled:before {\n  content: \"\\eb8d\";\n}\n\n.glyph-photo-camera:before {\n  content: \"\\eb8e\";\n}\n\n.glyph-photo-cameras:before {\n  content: \"\\eb8f\";\n}\n\n.glyph-piechart-filled:before {\n  content: \"\\eb90\";\n}\n\n.glyph-piechart:before {\n  content: \"\\eb91\";\n}\n\n.glyph-pin-filled:before {\n  content: \"\\eb92\";\n}\n\n.glyph-pin:before {\n  content: \"\\eb93\";\n}\n\n.glyph-plant-filled:before {\n  content: \"\\eb94\";\n}\n\n.glyph-plant-handbook-filled:before {\n  content: \"\\eb95\";\n}\n\n.glyph-plant-handbook:before {\n  content: \"\\eb96\";\n}\n\n.glyph-plant-outline:before {\n  content: \"\\eb97\";\n}\n\n.glyph-plant-security:before {\n  content: \"\\eb98\";\n}\n\n.glyph-plant-settings-filled:before {\n  content: \"\\eb99\";\n}\n\n.glyph-plant-settings:before {\n  content: \"\\eb9a\";\n}\n\n.glyph-plant-user-filled:before {\n  content: \"\\eb9b\";\n}\n\n.glyph-plant-user:before {\n  content: \"\\eb9c\";\n}\n\n.glyph-plant:before {\n  content: \"\\eb9d\";\n}\n\n.glyph-plants-filled:before {\n  content: \"\\eb9e\";\n}\n\n.glyph-plants:before {\n  content: \"\\eb9f\";\n}\n\n.glyph-play-filled:before {\n  content: \"\\eba0\";\n}\n\n.glyph-play-pause-filled:before {\n  content: \"\\eba1\";\n}\n\n.glyph-play-pause:before {\n  content: \"\\eba2\";\n}\n\n.glyph-play-stepwise-filled:before {\n  content: \"\\eba3\";\n}\n\n.glyph-play-stepwise:before {\n  content: \"\\eba4\";\n}\n\n.glyph-play:before {\n  content: \"\\eba5\";\n}\n\n.glyph-plus-minus-times-divide:before {\n  content: \"\\eba6\";\n}\n\n.glyph-plus:before {\n  content: \"\\eba7\";\n}\n\n.glyph-point-up-filled:before {\n  content: \"\\eba8\";\n}\n\n.glyph-point-up:before {\n  content: \"\\eba9\";\n}\n\n.glyph-polar-plot:before {\n  content: \"\\ebaa\";\n}\n\n.glyph-polygon-filled:before {\n  content: \"\\ebab\";\n}\n\n.glyph-polygon-line:before {\n  content: \"\\ebac\";\n}\n\n.glyph-polygon:before {\n  content: \"\\ebad\";\n}\n\n.glyph-ppt-document:before {\n  content: \"\\ebae\";\n}\n\n.glyph-print-filled:before {\n  content: \"\\ebaf\";\n}\n\n.glyph-print:before {\n  content: \"\\ebb0\";\n}\n\n.glyph-prio-high:before {\n  content: \"\\ebb1\";\n}\n\n.glyph-prio-low:before {\n  content: \"\\ebb2\";\n}\n\n.glyph-prio-middle:before {\n  content: \"\\ebb3\";\n}\n\n.glyph-product-catalog:before {\n  content: \"\\ebb4\";\n}\n\n.glyph-product-management:before {\n  content: \"\\ebb5\";\n}\n\n.glyph-product:before {\n  content: \"\\ebb6\";\n}\n\n.glyph-project-configuration:before {\n  content: \"\\ebb7\";\n}\n\n.glyph-project-new:before {\n  content: \"\\ebb8\";\n}\n\n.glyph-project-scenarios:before {\n  content: \"\\ebb9\";\n}\n\n.glyph-project:before {\n  content: \"\\ebba\";\n}\n\n.glyph-protocol:before {\n  content: \"\\ebbb\";\n}\n\n.glyph-publish-document:before {\n  content: \"\\ebbc\";\n}\n\n.glyph-publish:before {\n  content: \"\\ebbd\";\n}\n\n.glyph-qr-code:before {\n  content: \"\\ebbe\";\n}\n\n.glyph-quality-report:before {\n  content: \"\\ebbf\";\n}\n\n.glyph-question-filled:before {\n  content: \"\\ebc0\";\n}\n\n.glyph-question:before {\n  content: \"\\ebc1\";\n}\n\n.glyph-radarchart:before {\n  content: \"\\ebc2\";\n}\n\n.glyph-radio-waves-off:before {\n  content: \"\\ebc3\";\n}\n\n.glyph-radio-waves:before {\n  content: \"\\ebc4\";\n}\n\n.glyph-random-filled:before {\n  content: \"\\ebc5\";\n}\n\n.glyph-random:before {\n  content: \"\\ebc6\";\n}\n\n.glyph-reboot:before {\n  content: \"\\ebc7\";\n}\n\n.glyph-rectangle-filled:before {\n  content: \"\\ebc8\";\n}\n\n.glyph-rectangle:before {\n  content: \"\\ebc9\";\n}\n\n.glyph-redo:before {\n  content: \"\\ebca\";\n}\n\n.glyph-reference:before {\n  content: \"\\ebcb\";\n}\n\n.glyph-refresh-cancelled:before {\n  content: \"\\ebcc\";\n}\n\n.glyph-refresh:before {\n  content: \"\\ebcd\";\n}\n\n.glyph-reload:before {\n  content: \"\\ebce\";\n}\n\n.glyph-remove-eye-filled:before {\n  content: \"\\ebcf\";\n}\n\n.glyph-remove-eye:before {\n  content: \"\\ebd0\";\n}\n\n.glyph-rename:before {\n  content: \"\\ebd1\";\n}\n\n.glyph-replace:before {\n  content: \"\\ebd2\";\n}\n\n.glyph-report-barchart:before {\n  content: \"\\ebd3\";\n}\n\n.glyph-report-linechart:before {\n  content: \"\\ebd4\";\n}\n\n.glyph-report-text:before {\n  content: \"\\ebd5\";\n}\n\n.glyph-reset:before {\n  content: \"\\ebd6\";\n}\n\n.glyph-restore-backup-filled:before {\n  content: \"\\ebd7\";\n}\n\n.glyph-restore-backup-pc:before {\n  content: \"\\ebd8\";\n}\n\n.glyph-restore-backup:before {\n  content: \"\\ebd9\";\n}\n\n.glyph-rhomb-filled:before {\n  content: \"\\ebda\";\n}\n\n.glyph-rhomb:before {\n  content: \"\\ebdb\";\n}\n\n.glyph-road-filled:before {\n  content: \"\\ebdc\";\n}\n\n.glyph-road:before {\n  content: \"\\ebdd\";\n}\n\n.glyph-rocket-filled:before {\n  content: \"\\ebde\";\n}\n\n.glyph-rocket:before {\n  content: \"\\ebdf\";\n}\n\n.glyph-route-target:before {\n  content: \"\\ebe0\";\n}\n\n.glyph-route:before {\n  content: \"\\ebe1\";\n}\n\n.glyph-scatterplot:before {\n  content: \"\\ebe2\";\n}\n\n.glyph-scheduler-filled:before {\n  content: \"\\ebe3\";\n}\n\n.glyph-scheduler:before {\n  content: \"\\ebe4\";\n}\n\n.glyph-screen-filled:before {\n  content: \"\\ebe5\";\n}\n\n.glyph-screen:before {\n  content: \"\\ebe6\";\n}\n\n.glyph-screenshot-filled:before {\n  content: \"\\ebe7\";\n}\n\n.glyph-screenshot:before {\n  content: \"\\ebe8\";\n}\n\n.glyph-script-add:before {\n  content: \"\\ebe9\";\n}\n\n.glyph-script:before {\n  content: \"\\ebea\";\n}\n\n.glyph-scripts:before {\n  content: \"\\ebeb\";\n}\n\n.glyph-search:before {\n  content: \"\\ebec\";\n}\n\n.glyph-share-filled:before {\n  content: \"\\ebed\";\n}\n\n.glyph-share:before {\n  content: \"\\ebee\";\n}\n\n.glyph-shopping-cart-filled:before {\n  content: \"\\ebef\";\n}\n\n.glyph-shopping-cart:before {\n  content: \"\\ebf0\";\n}\n\n.glyph-shout-filled:before {\n  content: \"\\ebf1\";\n}\n\n.glyph-shout:before {\n  content: \"\\ebf2\";\n}\n\n.glyph-sign-language:before {\n  content: \"\\ebf3\";\n}\n\n.glyph-signal-strength-0:before {\n  content: \"\\ebf4\";\n}\n\n.glyph-signal-strength-1:before {\n  content: \"\\ebf5\";\n}\n\n.glyph-signal-strength-2:before {\n  content: \"\\ebf6\";\n}\n\n.glyph-signal-strength-3:before {\n  content: \"\\ebf7\";\n}\n\n.glyph-signal-strength-4:before {\n  content: \"\\ebf8\";\n}\n\n.glyph-signal-strength-5:before {\n  content: \"\\ebf9\";\n}\n\n.glyph-signal-strength-6:before {\n  content: \"\\ebfa\";\n}\n\n.glyph-signal-strength-7:before {\n  content: \"\\ebfb\";\n}\n\n.glyph-signal-strength-8:before {\n  content: \"\\ebfc\";\n}\n\n.glyph-simit-component:before {\n  content: \"\\ebfd\";\n}\n\n.glyph-simit-macro-component-editor:before {\n  content: \"\\ebfe\";\n}\n\n.glyph-simit-macro:before {\n  content: \"\\ebff\";\n}\n\n.glyph-single-check:before {\n  content: \"\\ec00\";\n}\n\n.glyph-skip-back-filled:before {\n  content: \"\\ec01\";\n}\n\n.glyph-skip-back:before {\n  content: \"\\ec02\";\n}\n\n.glyph-skip-filled:before {\n  content: \"\\ec03\";\n}\n\n.glyph-skip:before {\n  content: \"\\ec04\";\n}\n\n.glyph-snowflake:before {\n  content: \"\\ec05\";\n}\n\n.glyph-sort-ascending:before {\n  content: \"\\ec06\";\n}\n\n.glyph-sort-descending:before {\n  content: \"\\ec07\";\n}\n\n.glyph-sort:before {\n  content: \"\\ec08\";\n}\n\n.glyph-sound-loud-filled:before {\n  content: \"\\ec09\";\n}\n\n.glyph-sound-loud:before {\n  content: \"\\ec0a\";\n}\n\n.glyph-sound-mute-filled:before {\n  content: \"\\ec0b\";\n}\n\n.glyph-sound-mute:before {\n  content: \"\\ec0c\";\n}\n\n.glyph-sound-off-filled:before {\n  content: \"\\ec0d\";\n}\n\n.glyph-sound-off:before {\n  content: \"\\ec0e\";\n}\n\n.glyph-sound-quiet-filled:before {\n  content: \"\\ec0f\";\n}\n\n.glyph-sound-quiet:before {\n  content: \"\\ec10\";\n}\n\n.glyph-spatial:before {\n  content: \"\\ec11\";\n}\n\n.glyph-split-horizontally:before {\n  content: \"\\ec12\";\n}\n\n.glyph-split-vertically:before {\n  content: \"\\ec13\";\n}\n\n.glyph-standby:before {\n  content: \"\\ec14\";\n}\n\n.glyph-star-add-filled:before {\n  content: \"\\ec15\";\n}\n\n.glyph-star-add:before {\n  content: \"\\ec16\";\n}\n\n.glyph-star-cancelled-filled:before {\n  content: \"\\ec17\";\n}\n\n.glyph-star-cancelled:before {\n  content: \"\\ec18\";\n}\n\n.glyph-star-filled:before {\n  content: \"\\ec19\";\n}\n\n.glyph-star-list-filled:before {\n  content: \"\\ec1a\";\n}\n\n.glyph-star-list:before {\n  content: \"\\ec1b\";\n}\n\n.glyph-star:before {\n  content: \"\\ec1c\";\n}\n\n.glyph-start-data-analysis:before {\n  content: \"\\ec1d\";\n}\n\n.glyph-steering-user-filled:before {\n  content: \"\\ec1e\";\n}\n\n.glyph-steering-user:before {\n  content: \"\\ec1f\";\n}\n\n.glyph-steering:before {\n  content: \"\\ec20\";\n}\n\n.glyph-stethoscope:before {\n  content: \"\\ec21\";\n}\n\n.glyph-stop-filled:before {\n  content: \"\\ec22\";\n}\n\n.glyph-stop:before {\n  content: \"\\ec23\";\n}\n\n.glyph-success-filled:before {\n  content: \"\\ec24\";\n}\n\n.glyph-success:before {\n  content: \"\\ec25\";\n}\n\n.glyph-sun-filled:before {\n  content: \"\\ec26\";\n}\n\n.glyph-sun:before {\n  content: \"\\ec27\";\n}\n\n.glyph-support:before {\n  content: \"\\ec28\";\n}\n\n.glyph-surveillance-filled:before {\n  content: \"\\ec29\";\n}\n\n.glyph-surveillance:before {\n  content: \"\\ec2a\";\n}\n\n.glyph-svg-document:before {\n  content: \"\\ec2b\";\n}\n\n.glyph-swap-left-right:before {\n  content: \"\\ec2c\";\n}\n\n.glyph-switch-slider:before {\n  content: \"\\ec2d\";\n}\n\n.glyph-table-columns:before {\n  content: \"\\ec2e\";\n}\n\n.glyph-table-rows:before {\n  content: \"\\ec2f\";\n}\n\n.glyph-table-settings:before {\n  content: \"\\ec30\";\n}\n\n.glyph-table:before {\n  content: \"\\ec31\";\n}\n\n.glyph-tag-filled:before {\n  content: \"\\ec32\";\n}\n\n.glyph-tag-plus-filled:before {\n  content: \"\\ec33\";\n}\n\n.glyph-tag-plus:before {\n  content: \"\\ec34\";\n}\n\n.glyph-tag:before {\n  content: \"\\ec35\";\n}\n\n.glyph-tasks-all:before {\n  content: \"\\ec36\";\n}\n\n.glyph-tasks-done:before {\n  content: \"\\ec37\";\n}\n\n.glyph-tasks-open:before {\n  content: \"\\ec38\";\n}\n\n.glyph-text-circle-rectangle-filled:before {\n  content: \"\\ec39\";\n}\n\n.glyph-text-circle-rectangle:before {\n  content: \"\\ec3a\";\n}\n\n.glyph-text-document:before {\n  content: \"\\ec3b\";\n}\n\n.glyph-text:before {\n  content: \"\\ec3c\";\n}\n\n.glyph-threshold-cancelled:before {\n  content: \"\\ec3d\";\n}\n\n.glyph-threshold-off:before {\n  content: \"\\ec3e\";\n}\n\n.glyph-threshold-on:before {\n  content: \"\\ec3f\";\n}\n\n.glyph-to-be-published:before {\n  content: \"\\ec40\";\n}\n\n.glyph-to-search:before {\n  content: \"\\ec41\";\n}\n\n.glyph-topic-filled:before {\n  content: \"\\ec42\";\n}\n\n.glyph-topic:before {\n  content: \"\\ec43\";\n}\n\n.glyph-touch-filled:before {\n  content: \"\\ec44\";\n}\n\n.glyph-touch:before {\n  content: \"\\ec45\";\n}\n\n.glyph-trashcan-filled:before {\n  content: \"\\ec46\";\n}\n\n.glyph-trashcan:before {\n  content: \"\\ec47\";\n}\n\n.glyph-tree:before {\n  content: \"\\ec48\";\n}\n\n.glyph-trend:before {\n  content: \"\\ec49\";\n}\n\n.glyph-triangle-filled:before {\n  content: \"\\ec4a\";\n}\n\n.glyph-triangle:before {\n  content: \"\\ec4b\";\n}\n\n.glyph-truck-filled:before {\n  content: \"\\ec4c\";\n}\n\n.glyph-truck:before {\n  content: \"\\ec4d\";\n}\n\n.glyph-tulip-filled:before {\n  content: \"\\ec4e\";\n}\n\n.glyph-tulip:before {\n  content: \"\\ec4f\";\n}\n\n.glyph-txt-document:before {\n  content: \"\\ec50\";\n}\n\n.glyph-undo:before {\n  content: \"\\ec51\";\n}\n\n.glyph-ungroup:before {\n  content: \"\\ec52\";\n}\n\n.glyph-unlock-filled:before {\n  content: \"\\ec53\";\n}\n\n.glyph-unlock-plant-filled:before {\n  content: \"\\ec54\";\n}\n\n.glyph-unlock-plant:before {\n  content: \"\\ec55\";\n}\n\n.glyph-unlock:before {\n  content: \"\\ec56\";\n}\n\n.glyph-upload-document-note:before {\n  content: \"\\ec57\";\n}\n\n.glyph-upload-success:before {\n  content: \"\\ec58\";\n}\n\n.glyph-upload:before {\n  content: \"\\ec59\";\n}\n\n.glyph-upper-limit:before {\n  content: \"\\ec5a\";\n}\n\n.glyph-user-check-filled:before {\n  content: \"\\ec5b\";\n}\n\n.glyph-user-check:before {\n  content: \"\\ec5c\";\n}\n\n.glyph-user-filled:before {\n  content: \"\\ec5d\";\n}\n\n.glyph-user-management-filled:before {\n  content: \"\\ec5e\";\n}\n\n.glyph-user-management:before {\n  content: \"\\ec5f\";\n}\n\n.glyph-user-profile-filled:before {\n  content: \"\\ec60\";\n}\n\n.glyph-user-profile:before {\n  content: \"\\ec61\";\n}\n\n.glyph-user-settings-filled:before {\n  content: \"\\ec62\";\n}\n\n.glyph-user-settings:before {\n  content: \"\\ec63\";\n}\n\n.glyph-user:before {\n  content: \"\\ec64\";\n}\n\n.glyph-validate:before {\n  content: \"\\ec65\";\n}\n\n.glyph-vdi-folder:before {\n  content: \"\\ec66\";\n}\n\n.glyph-version-history:before {\n  content: \"\\ec67\";\n}\n\n.glyph-video-file-filled:before {\n  content: \"\\ec68\";\n}\n\n.glyph-video-file:before {\n  content: \"\\ec69\";\n}\n\n.glyph-warning-filled:before {\n  content: \"\\ec6a\";\n}\n\n.glyph-warning-rhomb-filled:before {\n  content: \"\\ec6b\";\n}\n\n.glyph-warning-rhomb:before {\n  content: \"\\ec6c\";\n}\n\n.glyph-warning:before {\n  content: \"\\ec6d\";\n}\n\n.glyph-water-bathing:before {\n  content: \"\\ec6e\";\n}\n\n.glyph-water-fish:before {\n  content: \"\\ec6f\";\n}\n\n.glyph-water-sunbathing:before {\n  content: \"\\ec70\";\n}\n\n.glyph-waveform:before {\n  content: \"\\ec71\";\n}\n\n.glyph-webcam-filled:before {\n  content: \"\\ec72\";\n}\n\n.glyph-webcam:before {\n  content: \"\\ec73\";\n}\n\n.glyph-wlan-off:before {\n  content: \"\\ec74\";\n}\n\n.glyph-wlan-strength-0:before {\n  content: \"\\ec75\";\n}\n\n.glyph-wlan-strength-1:before {\n  content: \"\\ec76\";\n}\n\n.glyph-wlan-strength-2:before {\n  content: \"\\ec77\";\n}\n\n.glyph-wlan-strength-3:before {\n  content: \"\\ec78\";\n}\n\n.glyph-work-case-filled:before {\n  content: \"\\ec79\";\n}\n\n.glyph-work-case:before {\n  content: \"\\ec7a\";\n}\n\n.glyph-x-axis-settings:before {\n  content: \"\\ec7b\";\n}\n\n.glyph-xls-document:before {\n  content: \"\\ec7c\";\n}\n\n.glyph-xml-document:before {\n  content: \"\\ec7d\";\n}\n\n.glyph-y-axis-settings:before {\n  content: \"\\ec7e\";\n}\n\n.glyph-youtube-filled:before {\n  content: \"\\ec7f\";\n}\n\n.glyph-youtube:before {\n  content: \"\\ec80\";\n}\n\n.glyph-zoom-in:before {\n  content: \"\\ec81\";\n}\n\n.glyph-zoom-out:before {\n  content: \"\\ec82\";\n}\n\n.glyph-zoom-selection:before {\n  content: \"\\ec83\";\n}\n\n:host {\n  display: inline-flex;\n  height: 1.5rem;\n  width: 1.5rem;\n}\n:host i {\n  color: inherit;\n  transition: color 150ms;\n}\n:host .svg-container {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .svg-container > svg {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n:host .svg-container > svg [fill] {\n  fill: var(--theme-color-std-text);\n}\n:host .skeleton-box {\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  overflow: hidden;\n  background-color: #dddbdd;\n}\n:host .skeleton-box::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  transform: translateX(-100%);\n  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));\n  animation: shimmer 2s infinite;\n  content: \"\";\n}\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n:host(.size-12) {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n:host(.size-12) .svg-container > svg {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n\n:host(.size-16) {\n  height: 1rem;\n  width: 1rem;\n}\n:host(.size-16) .svg-container > svg {\n  height: 1rem;\n  width: 1rem;\n}\n\n:host(.size-32) {\n  height: 2rem;\n  width: 2rem;\n}\n:host(.size-32) .svg-container > svg {\n  height: 2rem;\n  width: 2rem;\n}","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, Host } from '@stencil/core';\nimport { resolveIcon } from './resolveIcon';\nexport class Icon {\n  constructor() {\n    this.size = undefined;\n    this.color = undefined;\n    this.name = undefined;\n    this.src = undefined;\n    this.svgContent = undefined;\n  }\n  connectedCallback() {\n    this.loadIconContent();\n  }\n  async loadIconContent() {\n    this.svgContent = await resolveIcon(this);\n  }\n  render() {\n    const style = {};\n    if (this.color) {\n      style['color'] = `var(--theme-${this.color})`;\n    }\n    if (this.name && !this.svgContent) {\n      const iconName = this.name;\n      return (h(Host, { style: style, class: {\n          ['size-12']: this.size === '12',\n          ['size-16']: this.size === '16',\n          ['size-24']: this.size === '24',\n          ['size-32']: this.size === '32',\n        } }, h(\"i\", { class: {\n          'glyph': true,\n          [`glyph-${iconName}`]: true,\n          'glyph-12': this.size === '12',\n          'glyph-16': this.size === '16',\n          'glyph-24': this.size === '24',\n          'glyph-32': this.size === '32',\n        } })));\n    }\n    return (h(Host, { style: style, class: {\n        ['size-12']: this.size === '12',\n        ['size-16']: this.size === '16',\n        ['size-24']: this.size === '24',\n        ['size-32']: this.size === '32',\n      } }, this.svgContent ? (h(\"div\", { class: 'svg-container', innerHTML: this.svgContent })) : (h(\"span\", { class: \"skeleton-box\", style: {\n        width: '100%',\n        height: '100%',\n      } }))));\n  }\n  static get is() { return \"ix-icon\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"icon.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"icon.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"size\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"'12' | '16' | '24' | '32'\",\n          \"resolved\": \"\\\"12\\\" | \\\"16\\\" | \\\"24\\\" | \\\"32\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Size of the icon\"\n        },\n        \"attribute\": \"size\",\n        \"reflect\": false\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Color of the icon\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": false\n      },\n      \"name\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Use one of our defined icon names e.g. `copy`\\n\\nhttps://ix.siemens.io/docs/icon-library/icons\\n\\nor the import variant\\n\\n```\\nimport { rocket } from '@siemens/ix-icons/icons';\\n\\n<ix-icon name={rocket}></ix-icon>\\n```\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"src\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Path to load external SVG. All color properties\\nwill be overwritten by `--theme-color-std-text`\\n\\nhttps://ix.siemens.io/docs/theming/colors\"\n        },\n        \"attribute\": \"src\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"svgContent\": {}\n    };\n  }\n  static get watchers() {\n    return [{\n        \"propName\": \"src\",\n        \"methodName\": \"loadIconContent\"\n      }, {\n        \"propName\": \"name\",\n        \"methodName\": \"loadIconContent\"\n      }];\n  }\n}\n//# sourceMappingURL=icon.js.map\n"],"mappings":"kDAAO,MAAMA,EAAgBC,IAC3B,IAAKA,EAAK,CACR,OAAO,KACX,CACE,UAAWA,IAAQ,SAAU,CAC3B,OAAO,KACX,CACE,OAAOA,EAAIC,WAAW,qBAAqB,EAE7C,IAAIC,EAAS,KACb,SAASC,EAAoBC,GAC3B,UAAWC,OAAO,eAAiB,YAAa,CAC9CC,QAAQC,KAAK,4CACb,MACJ,CACE,GAAIL,IAAW,KAAM,CACnBA,EAAS,IAAIG,OAAO,YACxB,CACE,MAAMG,EAAcN,EAAOO,gBAAgBL,EAAS,aACpD,MAAMM,EAAaF,EAAYG,cAAc,OAC7C,IAAKD,EAAY,CACf,MAAME,MAAM,6BAChB,CACE,OAAOF,EAAWG,SACpB,CACAC,eAAeC,EAASf,GACtB,MAAMgB,QAAiBC,MAAMjB,GAC7B,MAAMkB,QAAqBF,EAASG,OACpC,IAAKH,EAASI,GAAI,CAChBd,QAAQe,MAAMH,GACd,MAAO,EACX,CACE,OAAOf,EAAoBe,EAC7B,CACOJ,eAAeQ,EAAYC,GAChC,MAAMC,IAAEA,EAAGC,KAAEA,GAASF,EACtB,GAAIE,EAAM,CACR,GAAI1B,EAAa0B,GAAO,CACtB,OAAOtB,EAAoBsB,EACjC,CAEI,MACJ,CACE,IAAKD,EAAK,CACR,MAAO,EACX,CACE,GAAIzB,EAAayB,GAAM,CACrB,OAAOrB,EAAoBqB,EAC/B,CACE,OAAOT,EAASS,EAClB,CClDA,MAAME,EAAU,s36B,MCUHC,EAAI,MACfC,YAAAC,G,UACEC,KAAKC,KAAOC,UACZF,KAAKG,MAAQD,UACbF,KAAKL,KAAOO,UACZF,KAAKN,IAAMQ,UACXF,KAAKI,WAAaF,S,CAEpBG,oBACEL,KAAKM,iB,CAEPtB,wBACEgB,KAAKI,iBAAmBZ,EAAYQ,K,CAEtCO,SACE,MAAMC,EAAQ,GACd,GAAIR,KAAKG,MAAO,CACdK,EAAM,SAAW,eAAeR,KAAKG,Q,CAEvC,GAAIH,KAAKL,OAASK,KAAKI,WAAY,CACjC,MAAMK,EAAWT,KAAKL,KACtB,OAAQe,EAAEC,EAAM,CAAEH,MAAOA,EAAOI,MAAO,CACnC,CAAC,WAAYZ,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,OACxBS,EAAE,IAAK,CAAEE,MAAO,CACnBC,MAAS,KACT,CAAC,SAASJ,KAAa,KACvB,WAAYT,KAAKC,OAAS,KAC1B,WAAYD,KAAKC,OAAS,KAC1B,WAAYD,KAAKC,OAAS,KAC1B,WAAYD,KAAKC,OAAS,Q,CAGhC,OAAQS,EAAEC,EAAM,CAAEH,MAAOA,EAAOI,MAAO,CACnC,CAAC,WAAYZ,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,OACxBD,KAAKI,WAAcM,EAAE,MAAO,CAAEE,MAAO,gBAAiBE,UAAWd,KAAKI,aAAkBM,EAAE,OAAQ,CAAEE,MAAO,eAAgBJ,MAAO,CACrIO,MAAO,OACPC,OAAQ,U"}

package/dist/siemens-ix/p-8e39298f.js

@@ -1,2 +0,0 @@
-import{m as e}from"./p-1b705d7b.js";import{T as t}from"./p-9ee41861.js";var r=undefined&&undefined.__classPrivateFieldGet||function(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)};var n=undefined&&undefined.__classPrivateFieldSet||function(e,t,r,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};var i,s,a,o;class f{constructor(){i.set(this,["sm","md","lg"]);s.set(this,new t);a.set(this,"lg");o.set(this,true);if(typeof window!=="undefined"){window.addEventListener("resize",this.onResize.bind(this));this.onResize()}}get breakpoint(){return r(this,a,"f")}get onChange(){return r(this,s,"f")}get isDetectionEnabled(){return r(this,o,"f")}onResize(){if(!r(this,o,"f")){return}if(!r(this,i,"f")){return}const t=[];const f=r(this,i,"f");f.forEach((r=>{const n=e(r);t.push([r,n])}));if(t.every((([e,t])=>t===false))){r(this,s,"f").emit(f[0]);n(this,a,f[0],"f");return}for(const[e,i]of t.reverse()){if(i){r(this,s,"f").emit(e);n(this,a,e,"f");break}}}disableBreakpointDetection(){n(this,o,false,"f")}enableBreakpointDetection(){n(this,o,true,"f")}setBreakpoint(e){n(this,a,e,"f");r(this,s,"f").emit(e)}setBreakpoints(e){n(this,i,e,"f");this.onResize()}}i=new WeakMap,s=new WeakMap,a=new WeakMap,o=new WeakMap;const h=new f;var d=undefined&&undefined.__classPrivateFieldSet||function(e,t,r,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};var u=undefined&&undefined.__classPrivateFieldGet||function(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)};var w;class c{constructor(){this.menuElement=null;this.menuExpandChange=new t;w.set(this,false)}register(e){if(this.menuElement){console.warn("Menu already defined");return}this.menuElement=e;this.menuElement.addEventListener("expandChange",(e=>{this.menuExpandChange.emit(e.detail)}))}setIsPinned(e){d(this,w,e,"f")}async open(){if(this.menuElement){this.menuElement.toggleMenu(true);return true}return false}async close(){if(this.menuElement){this.menuElement.toggleMenu(false);return true}return false}async toggle(){if(this.menuElement){this.menuElement.toggleMenu();return true}return false}get nativeElement(){return this.menuElement}get expandChange(){return this.menuExpandChange}get isPinned(){return u(this,w,"f")}}w=new WeakMap;const p=new c;export{h as a,p as m};
-//# sourceMappingURL=p-8e39298f.js.map

package/dist/siemens-ix/p-94ecb1af.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as r,H as t,g as n}from"./p-76a509c7.js";import{B as i}from"./p-ab452b82.js";import{a}from"./p-0b71cde4.js";const l=".form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);-webkit-padding-start:0.5rem;padding-inline-start:0.5rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem}.form-control::-moz-placeholder,.form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.form-control::placeholder,.form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.form-control.readonly,.form-control[readonly]{background:transparent !important;-webkit-border-before:none !important;border-block-start:none !important;-webkit-border-start:none !important;border-inline-start:none !important;-webkit-border-end:none !important;border-inline-end:none !important;border-radius:0rem}.form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only,.form-control[readonly],.form-control[readOnly],.form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only::-moz-placeholder,.form-control[readonly]::-moz-placeholder,.form-control[readOnly]::-moz-placeholder,.form-control.readonly::-moz-placeholder{color:transparent}.form-control:-moz-read-only::placeholder{color:transparent}.form-control:read-only::placeholder,.form-control[readonly]::placeholder,.form-control[readOnly]::placeholder,.form-control.readonly::placeholder{color:transparent}.form-control:disabled,.form-control.disabled{background:transparent !important;-webkit-border-before:none !important;border-block-start:none !important;-webkit-border-start:none !important;border-inline-start:none !important;-webkit-border-end:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.form-control:disabled::-moz-placeholder,.form-control.disabled::-moz-placeholder{color:transparent}.form-control:disabled::placeholder,.form-control.disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;-webkit-margin-start:0.312rem;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{-webkit-padding-start:2.2rem;padding-inline-start:2.2rem}select.form-control{padding:0 0.312rem}textarea.form-control{padding:0.375rem 0.5rem}.was-validated .form-control:invalid,.was-validated .is-invalid{background-color:var(--theme-input-error--background);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center !important;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input:-moz-read-only{cursor:default}input:read-only,input.readonly{cursor:default}:host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host(.btn-icon-12) ix-spinner{height:12px;width:12px}:host(.btn-icon-16) ix-spinner{height:16px;width:16px}:host(.btn-icon-32) ix-spinner{height:24px;width:24px}:host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host,:host .advanced-pagination,:host .item-count{display:inline-flex;align-items:center}:host .basic-pagination{padding:0 0.125rem}:host .advanced-pagination{padding:0 0.75rem}:host .page-selection{width:4.125rem;text-align:center;margin:0 0.5rem}:host .page-buttons{white-space:nowrap}:host .total-count{white-space:nowrap}:host .item-count{flex-grow:1;justify-content:flex-end;-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host .item-count ix-select{width:4.5rem;-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host button{width:auto;min-width:2rem;height:2rem;padding:0 0.5rem}:host button+button{-webkit-margin-start:0.125rem;margin-inline-start:0.125rem}";const s=class{constructor(r){o(this,r);this.pageSelected=e(this,"pageSelected",7);this.itemCountChanged=e(this,"itemCountChanged",7);this.baseButtonConfig={variant:"secondary",outline:false,ghost:true,iconOnly:true,iconOval:false,disabled:false,icon:"",loading:false,selected:false,type:"button",extraClasses:{["w-auto"]:true}};this.maxCountPages=7;this.advanced=undefined;this.itemCount=15;this.showItemCount=true;this.count=undefined;this.selectedPage=0;this.i18nPage="Page";this.i18nOf="of";this.i18nItems="Items"}selectPage(o){if(o<0){this.selectedPage=0}else if(o>this.count-1){this.selectedPage=this.count-1}else{this.selectedPage=o}this.pageSelected.emit(this.selectedPage)}increase(){if(this.selectedPage===this.count-1){return}this.selectPage(this.selectedPage+1)}decrease(){if(this.selectedPage===0){return}this.selectPage(this.selectedPage-1)}getPageButton(o){const e=Object.assign(Object.assign({},this.baseButtonConfig),{onClick:()=>this.selectPage(o),selected:this.selectedPage===o,ariaAttributes:{"aria-pressed":a(this.selectedPage===o)}});return r(i,Object.assign({},e),o+1)}renderPageButtons(){const o=Math.floor(this.maxCountPages/2);const e=this.count>this.maxCountPages;const t=e&&this.selectedPage>o;const n=e&&this.selectedPage<this.count-o-1;const a=[];let l=0;let s=Math.min(this.count,this.maxCountPages);let d=Math.floor((this.maxCountPages-4)/2);if(t){const o=Object.assign(Object.assign({},this.baseButtonConfig),{onClick:()=>{if(n){this.selectPage(this.selectedPage-Math.max(0,2*d+1))}else{this.selectPage(this.count-this.maxCountPages)}}});a.push(this.getPageButton(0));a.push(r(i,Object.assign({},o),"..."));if(n){l=this.count-this.maxCountPages+2}else{l=this.count-this.maxCountPages+2;s=this.count}}if(n){if(t){l=this.selectedPage-d;s=this.selectedPage+d+1}else{s=this.maxCountPages-2}}for(let o=l;o<s;o++){a.push(this.getPageButton(o))}if(n){const o=Object.assign(Object.assign({},this.baseButtonConfig),{onClick:()=>{if(t){this.selectPage(this.selectedPage+Math.max(0,2*d+1))}else{this.selectPage(this.maxCountPages-1)}}});a.push(r(i,Object.assign({},o),"..."));a.push(this.getPageButton(this.count-1))}return r("span",{class:"page-buttons"},a)}render(){return r(t,null,r("ix-icon-button",{disabled:this.selectedPage===0,ghost:true,icon:"chevron-left-small",onClick:()=>this.decrease()}),this.advanced?r("div",{class:"advanced-pagination"},r("ix-typography",{variant:"default"},this.i18nPage),r("input",{class:"form-control page-selection",type:"number",min:"1",max:this.count,value:this.selectedPage+1,onChange:o=>{const e=Number.parseInt(o.target["value"]);this.selectPage(e-1)}}),r("span",{class:"total-count"},r("ix-typography",{variant:"default"},this.i18nOf," ",this.count))):r("span",{class:"basic-pagination"},this.renderPageButtons()," "),r("ix-icon-button",{disabled:this.selectedPage===this.count-1,ghost:true,icon:"chevron-right-small",onClick:()=>this.increase()}),this.advanced&&this.showItemCount?r("span",{class:"item-count"},r("ix-typography",{variant:"default"},this.i18nItems),r("ix-select",{hideListHeader:true,i18nPlaceholder:"",i18nSelectListHeader:"","selected-indices":this.itemCount,onItemSelectionChange:o=>{const e=Number.parseInt(o.detail[0]);this.itemCountChanged.emit(e)}},r("ix-select-item",{label:"10",value:"10"}),r("ix-select-item",{label:"15",value:"15"}),r("ix-select-item",{label:"20",value:"20"}),r("ix-select-item",{label:"40",value:"40"}),r("ix-select-item",{label:"100",value:"100"}))):"")}get hostElement(){return n(this)}};s.style=l;export{s as ix_pagination};
-//# sourceMappingURL=p-94ecb1af.entry.js.map

package/dist/siemens-ix/p-94ecb1af.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paginationCss","Pagination","this","baseButtonConfig","variant","outline","ghost","iconOnly","iconOval","disabled","icon","loading","selected","type","extraClasses","maxCountPages","selectPage","index","selectedPage","count","pageSelected","emit","increase","decrease","getPageButton","baseButtonProps","Object","assign","onClick","ariaAttributes","a11yBoolean","h","BaseButton","renderPageButtons","pagesBeforeOverflow","Math","floor","hasOverflow","hasOverflowStart","hasOverflowEnd","pageButtons","start","end","min","pageCount","max","push","i","class","render","Host","advanced","i18nPage","value","onChange","e","Number","parseInt","target","i18nOf","showItemCount","i18nItems","hideListHeader","i18nPlaceholder","i18nSelectListHeader","itemCount","onItemSelectionChange","detail","itemCountChanged","label"],"sources":["./src/components/pagination/pagination.scss?tag=ix-pagination&encapsulation=shadow","./src/components/pagination/pagination.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/components/forms';\n@import '../icon-button/icon-button';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  &,\n  .advanced-pagination,\n  .item-count {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .basic-pagination {\n    padding: 0 0.125rem;\n  }\n\n  .advanced-pagination {\n    padding: 0 $medium-space;\n  }\n\n  .page-selection {\n    width: 4.125rem;\n    text-align: center;\n    margin: 0 $small-space;\n  }\n\n  .page-buttons {\n    white-space: nowrap;\n  }\n\n  .total-count {\n    white-space: nowrap;\n  }\n\n  .item-count {\n    flex-grow: 1;\n    justify-content: flex-end;\n    margin-inline-start: $large-space;\n\n    ix-select {\n      width: 4.5rem;\n      margin-inline-start: $large-space;\n    }\n  }\n\n  button {\n    width: auto;\n    min-width: 2rem;\n    height: 2rem;\n    padding: 0 0.5rem;\n  }\n\n  button + button {\n    margin-inline-start: 0.125rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2022 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @since 1.5.0\n */\n@Component({\n  tag: 'ix-pagination',\n  styleUrl: 'pagination.scss',\n  shadow: true,\n})\nexport class Pagination {\n  private readonly baseButtonConfig: BaseButtonProps = {\n    variant: 'secondary',\n    outline: false,\n    ghost: true,\n    iconOnly: true,\n    iconOval: false,\n    disabled: false,\n    icon: '',\n    loading: false,\n    selected: false,\n    type: 'button',\n    extraClasses: {\n      ['w-auto']: true,\n    },\n  };\n\n  private readonly maxCountPages = 7;\n\n  @Element() hostElement!: HTMLIxPaginationElement;\n\n  /**\n   * Advanced mode\n   */\n  @Prop() advanced: boolean;\n\n  /**\n   * Number of items shown at once.\n   * Can only be changed in advaced mode.\n   */\n  @Prop() itemCount = 15;\n\n  /**\n   * Show item count in advanced mode\n   */\n  @Prop() showItemCount = true;\n\n  /**\n   * Total number of pages\n   */\n  @Prop() count: number;\n\n  /**\n   * Zero based index of currently selected page\n   */\n  @Prop({ mutable: true }) selectedPage = 0;\n\n  /**\n   * i18n\n   */\n  @Prop() i18nPage = 'Page';\n\n  /**\n   * i18n\n   */\n  @Prop() i18nOf = 'of';\n\n  /**\n  /**\n   * i18n\n   */\n  @Prop() i18nItems = 'Items';\n\n  /**\n   * Page selection event\n   */\n  @Event() pageSelected: EventEmitter<number>;\n\n  /**\n   * Item count change event\n   */\n  @Event() itemCountChanged: EventEmitter<number>;\n\n  private selectPage(index: number) {\n    if (index < 0) {\n      this.selectedPage = 0;\n    } else if (index > this.count - 1) {\n      this.selectedPage = this.count - 1;\n    } else {\n      this.selectedPage = index;\n    }\n\n    this.pageSelected.emit(this.selectedPage);\n  }\n\n  private increase() {\n    if (this.selectedPage === this.count - 1) {\n      return;\n    }\n\n    this.selectPage(this.selectedPage + 1);\n  }\n\n  private decrease() {\n    if (this.selectedPage === 0) {\n      return;\n    }\n\n    this.selectPage(this.selectedPage - 1);\n  }\n\n  private getPageButton(index: number) {\n    const baseButtonProps: BaseButtonProps = {\n      ...this.baseButtonConfig,\n      onClick: () => this.selectPage(index),\n      selected: this.selectedPage === index,\n      ariaAttributes: {\n        'aria-pressed': a11yBoolean(this.selectedPage === index),\n      },\n    };\n\n    return <BaseButton {...baseButtonProps}>{index + 1}</BaseButton>;\n  }\n\n  private renderPageButtons() {\n    const pagesBeforeOverflow = Math.floor(this.maxCountPages / 2);\n    const hasOverflow = this.count > this.maxCountPages;\n    const hasOverflowStart =\n      hasOverflow && this.selectedPage > pagesBeforeOverflow;\n    const hasOverflowEnd =\n      hasOverflow && this.selectedPage < this.count - pagesBeforeOverflow - 1;\n    const pageButtons = [];\n\n    let start = 0;\n    let end = Math.min(this.count, this.maxCountPages);\n    let pageCount = Math.floor((this.maxCountPages - 4) / 2);\n\n    if (hasOverflowStart) {\n      const baseButtonProps = {\n        ...this.baseButtonConfig,\n        onClick: () => {\n          if (hasOverflowEnd) {\n            this.selectPage(this.selectedPage - Math.max(0, 2 * pageCount + 1));\n          } else {\n            this.selectPage(this.count - this.maxCountPages);\n          }\n        },\n      };\n      pageButtons.push(this.getPageButton(0));\n      pageButtons.push(<BaseButton {...baseButtonProps}>...</BaseButton>);\n\n      if (hasOverflowEnd) {\n        start = this.count - this.maxCountPages + 2;\n      } else {\n        start = this.count - this.maxCountPages + 2;\n        end = this.count;\n      }\n    }\n\n    if (hasOverflowEnd) {\n      if (hasOverflowStart) {\n        start = this.selectedPage - pageCount;\n        end = this.selectedPage + pageCount + 1;\n      } else {\n        end = this.maxCountPages - 2;\n      }\n    }\n\n    for (let i = start; i < end; i++) {\n      pageButtons.push(this.getPageButton(i));\n    }\n\n    if (hasOverflowEnd) {\n      const baseButtonProps = {\n        ...this.baseButtonConfig,\n        onClick: () => {\n          if (hasOverflowStart) {\n            this.selectPage(this.selectedPage + Math.max(0, 2 * pageCount + 1));\n          } else {\n            this.selectPage(this.maxCountPages - 1);\n          }\n        },\n      };\n      pageButtons.push(<BaseButton {...baseButtonProps}>...</BaseButton>);\n      pageButtons.push(this.getPageButton(this.count - 1));\n    }\n\n    return <span class=\"page-buttons\">{pageButtons}</span>;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-icon-button\n          disabled={this.selectedPage === 0}\n          ghost\n          icon=\"chevron-left-small\"\n          onClick={() => this.decrease()}\n        ></ix-icon-button>\n\n        {this.advanced ? (\n          <div class=\"advanced-pagination\">\n            <ix-typography variant=\"default\">{this.i18nPage}</ix-typography>\n            <input\n              class=\"form-control page-selection\"\n              type=\"number\"\n              min=\"1\"\n              max={this.count}\n              value={this.selectedPage + 1}\n              onChange={(e) => {\n                const index = Number.parseInt(e.target['value']);\n                this.selectPage(index - 1);\n              }}\n            />\n            <span class=\"total-count\">\n              <ix-typography variant=\"default\">\n                {this.i18nOf} {this.count}\n              </ix-typography>\n            </span>\n          </div>\n        ) : (\n          <span class=\"basic-pagination\">{this.renderPageButtons()} </span>\n        )}\n\n        <ix-icon-button\n          disabled={this.selectedPage === this.count - 1}\n          ghost\n          icon=\"chevron-right-small\"\n          onClick={() => this.increase()}\n        ></ix-icon-button>\n\n        {this.advanced && this.showItemCount ? (\n          <span class=\"item-count\">\n            <ix-typography variant=\"default\">{this.i18nItems}</ix-typography>\n            <ix-select\n              hideListHeader\n              i18nPlaceholder=\"\"\n              i18nSelectListHeader=\"\"\n              selected-indices={this.itemCount}\n              onItemSelectionChange={(e) => {\n                const count = Number.parseInt(e.detail[0]);\n                this.itemCountChanged.emit(count);\n              }}\n            >\n              <ix-select-item label=\"10\" value=\"10\"></ix-select-item>\n              <ix-select-item label=\"15\" value=\"15\"></ix-select-item>\n              <ix-select-item label=\"20\" value=\"20\"></ix-select-item>\n              <ix-select-item label=\"40\" value=\"40\"></ix-select-item>\n              <ix-select-item label=\"100\" value=\"100\"></ix-select-item>\n            </ix-select>\n          </span>\n        ) : (\n          ''\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-98b03a9b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,H as i,g as a}from"./p-76a509c7.js";import{a as n}from"./p-810b5232.js";import{u as s,A as r}from"./p-85f39bd4.js";import"./p-9ee41861.js";const l=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .map-nav{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}:host .map-nav-sidebar{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);-webkit-border-end:0.125rem solid var(--theme-map-navigation-separator--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}:host .map-nav-sidebar-content{align-items:center;position:relative;overflow:auto;height:100%;width:100%}:host .map-nav-sidebar-content .map-nav-sidebar-static-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}:host .map-nav-header{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}:host .map-nav-header .map-nav-header-brand{background-color:var(--theme-map-navigation-background);display:flex;align-items:center;height:100%;width:100%;padding:0 1rem;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}:host .map-nav-header .map-nav-header-brand button{margin-left:1rem}:host .map-nav-header-content{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}:host .map-nav-header-content.empty{height:0}:host .map-nav-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}:host .content{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}:host ::slotted(ix-menu){position:absolute}";const h=class{constructor(o){e(this,o);this.navigationToggled=t(this,"navigationToggled",7);this.contextMenuClick=t(this,"contextMenuClick",7);this.applicationName=undefined;this.navigationTitle=undefined;this.hideContextMenu=true;this.isSidebarOpen=true;this.hasContentHeader=false}get menu(){return this.hostElement.querySelector("ix-menu")}get menuOverlay(){return this.hostElement.querySelector("ix-menu-overlay")}get mapNavMenu(){return this.hostElement.shadowRoot.querySelector(".map-nav-menu")}get sidebar(){return this.hostElement.shadowRoot.querySelector(".map-nav-sidebar")}get overlay(){return this.hostElement.shadowRoot.querySelector("#overlay")}componentDidRender(){this.appendMenu();this.closeOverlay()}componentWillLoad(){s(this.hostElement,r,{hideHeader:false,host:"map-navigation"})}appendMenu(){this.menu.addEventListener("mapExpandChange",(e=>{const t=!e.detail;this.toggleSidebar(t)}));this.menu.enableMapExpand=true}async toggleSidebar(e){if(e!==undefined){this.isSidebarOpen=e}else{this.isSidebarOpen=!this.isSidebarOpen}if(this.isSidebarOpen){this.openSidebar()}else{this.closeSidebar()}this.navigationToggled.emit(this.isSidebarOpen);this.menu.toggleMapExpand(this.isSidebarOpen)}closeSidebar(){n({targets:this.sidebar,duration:h.defaultTime,marginLeft:[0,"-29.75rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.sidebar.classList.add("d-none")}})}openSidebar(){n({targets:this.sidebar,duration:h.defaultTime,marginLeft:["-29.75rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.sidebar.classList.remove("d-none")}})}async openOverlay(e,t,o,i){n({targets:this.overlay,duration:h.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.overlay.classList.remove("d-none")}});const a=document.createElement("ix-map-navigation-overlay");a.setAttribute("color",i);a.setAttribute("name",e);a.setAttribute("icon",o);a.setAttribute("slot","overlay");a.addEventListener("closeClick",(()=>this.closeOverlay()));a.appendChild(t);this.hostElement.appendChild(a)}async closeOverlay(){n({targets:this.overlay,duration:h.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{var e;if(!this.overlay){return}(e=this.overlay.firstChild)===null||e===void 0?void 0:e.remove();this.overlay.classList.add("d-none")}})}checkHasContentHeader(e){const t=e.currentTarget.assignedNodes({flatten:true});this.hasContentHeader=(t===null||t===void 0?void 0:t.length)!==0}render(){return o(i,null,o("slot",{name:"menu"}),o("div",{class:"map-nav"},o("div",{class:"map-nav-sidebar"},o("div",{class:"map-nav-header"},o("ix-application-header",{name:this.applicationName,class:"map-nav-header-brand"},o("slot",{slot:"logo",name:"logo"}))),o("div",{class:"map-nav-sidebar-content"},o("div",{class:"map-nav-sidebar-static-content"},o("div",{class:"map-nav-title"},this.navigationTitle),this.hideContextMenu?"":o("ix-icon-button",{icon:"context-menu",ghost:true,size:"24",variant:"secondary",onClick:e=>this.contextMenuClick.emit()})),o("div",{class:"map-nav-sidebar-user-content"},o("slot",{name:"sidebar-content"})))),o("div",{class:"content"},o("div",{class:{"map-nav-header-content":true,"bg-2":true,empty:!this.hasContentHeader}},o("slot",{name:"content-header",onSlotchange:e=>this.checkHasContentHeader(e)})),o("main",null,o("slot",null),o("slot",{name:"overlay"})))))}get hostElement(){return a(this)}};h.defaultTime=150;h.slowTime=500;h.style=l;const m=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .overlay-header{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}:host .overlay-header-content{display:flex;align-items:center;min-width:0}:host .overlay-header-content ix-icon{-webkit-margin-start:1rem;margin-inline-start:1rem;color:var(--theme-overlay-header--color)}:host .overlay-header-content .overlay-header-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-overlay-header--color);-webkit-margin-start:1rem;margin-inline-start:1rem}:host .color-indicator{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}:host .overlay-close{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:1rem;margin-inline-end:1rem}:host .d-none{display:none}:host(.d-none){display:none}";const c=class{constructor(o){e(this,o);this.closeClick=t(this,"closeClick",7);this.name=undefined;this.icon=undefined;this.color=undefined}componentWillLoad(){n({targets:this.hostElement,duration:c.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.hostElement.classList.remove("d-none")}})}closeOverlay(){n({targets:this.hostElement,duration:c.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.closeClick.emit();this.hostElement.classList.add("d-none")}})}render(){return o(i,null,o("div",{class:"overlay-header"},o("div",{class:{"color-indicator":true,"d-none":this.color==="undefined"||this.color===undefined},style:{"background-color":this.color?`var(--theme-${this.color})`:""}}),o("div",{class:"overlay-header-content"},o("ix-icon",{size:"32",name:this.icon}),o("span",{class:"overlay-header-title",title:this.name},this.name)),o("ix-icon-button",{class:"overlay-close",ghost:true,icon:"close",size:"24",onClick:()=>this.closeOverlay()})),o("slot",null))}get hostElement(){return a(this)}};c.slowTime=500;c.style=m;export{h as ix_map_navigation,c as ix_map_navigation_overlay};
-//# sourceMappingURL=p-98b03a9b.entry.js.map

package/dist/siemens-ix/p-98b03a9b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapNavigationCss","MapNavigation","menu","this","hostElement","querySelector","menuOverlay","mapNavMenu","shadowRoot","sidebar","overlay","componentDidRender","appendMenu","closeOverlay","componentWillLoad","useContextProvider","ApplicationLayoutContext","hideHeader","host","addEventListener","event","state","detail","toggleSidebar","enableMapExpand","async","show","undefined","isSidebarOpen","openSidebar","closeSidebar","navigationToggled","emit","toggleMapExpand","anime","targets","duration","defaultTime","marginLeft","opacity","easing","complete","classList","add","begin","remove","name","component","icon","color","slowTime","backdropFilter","translateX","overlayInstance","document","createElement","setAttribute","appendChild","_a","firstChild","checkHasContentHeader","e","nodes","currentTarget","assignedNodes","flatten","hasContentHeader","length","render","h","Host","class","applicationName","slot","navigationTitle","hideContextMenu","ghost","size","variant","onClick","_","contextMenuClick","empty","onSlotchange","mapNavigationOverlayCss","MapNavigationOverlay","closeClick","style","title"],"sources":["./src/components/map-navigation/map-navigation.scss?tag=ix-map-navigation&encapsulation=shadow","./src/components/map-navigation/map-navigation.tsx","./src/components/map-navigation-overlay/map-navigation-overlay.scss?tag=ix-map-navigation-overlay&encapsulation=shadow","./src/components/map-navigation-overlay/map-navigation-overlay.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  $appHeaderHeight: 3.5rem;\n  $appHeaderGradientHeight: 4rem;\n  $navHeaderHeight: 11.5rem;\n  $sidebarWidth: 29.75rem;\n\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  .map-nav {\n    display: flex;\n    margin-left: 3.25rem;\n    position: relative;\n    height: 100%;\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  .map-nav-sidebar {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: $sidebarWidth;\n    max-width: $sidebarWidth;\n    min-width: $sidebarWidth;\n    height: 100%;\n    left: 4rem;\n    background-color: var(--theme-map-navigation--background);\n    border-inline-end: 0.125rem solid\n      var(--theme-map-navigation-separator--background);\n    z-index: 99;\n  }\n\n  .map-nav-sidebar-content {\n    align-items: center;\n    position: relative;\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n\n    .map-nav-sidebar-static-content {\n      @include text-h2;\n      display: flex;\n      justify-content: space-between;\n      margin-top: 0.437rem;\n      margin-bottom: 0.812rem;\n      margin-left: $default-space;\n      margin-right: $default-space;\n    }\n  }\n\n  .map-nav-header {\n    display: flex;\n    position: relative;\n    align-items: center;\n    height: $appHeaderHeight;\n    min-height: $appHeaderHeight;\n    width: 100%;\n\n    .map-nav-header-brand {\n      background-color: var(--theme-map-navigation-background);\n      display: flex;\n      align-items: center;\n      height: 100%;\n      width: 100%;\n      padding: 0 $default-space;\n\n      --theme-app-header--color: var(--theme-map-navigation-header--color);\n      --theme-app-header-logo--color: var(--theme-map-navigation-logo--color);\n\n      button {\n        margin-left: $default-space;\n      }\n    }\n  }\n\n  .map-nav-header-content {\n    display: flex;\n    height: $appHeaderHeight;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 $default-space;\n\n    &.empty {\n      height: 0;\n    }\n  }\n\n  .map-nav-title {\n    @include text-h2();\n\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n  }\n\n  .content {\n    display: block;\n    flex-grow: 1;\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n    z-index: calc(var(--theme-z-index-sticky) - 1);\n  }\n\n  ::slotted(ix-menu) {\n    position: absolute;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { useContextProvider } from '../utils/context';\n\n@Component({\n  tag: 'ix-map-navigation',\n  styleUrl: 'map-navigation.scss',\n  shadow: true,\n})\nexport class MapNavigation {\n  private static readonly defaultTime = 150;\n  private static readonly slowTime = 500;\n\n  @Element() hostElement: HTMLIxMapNavigationElement;\n\n  /**\n   * Application name\n   */\n  @Prop() applicationName: string;\n\n  /**\n   * Navigation title\n   */\n  @Prop() navigationTitle: string;\n\n  /**\n   * Hide the sidebar context menu button when set to true\n   */\n  @Prop() hideContextMenu = true;\n\n  /**\n   * Navigation toggled\n   */\n  @Event() navigationToggled: EventEmitter<boolean>;\n\n  /**\n   * Context menu clicked\n   */\n  @Event() contextMenuClick: EventEmitter<void>;\n\n  @State() isSidebarOpen = true;\n  @State() hasContentHeader = false;\n\n  get menu() {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  get menuOverlay() {\n    return this.hostElement.querySelector('ix-menu-overlay');\n  }\n\n  get mapNavMenu() {\n    return this.hostElement.shadowRoot.querySelector('.map-nav-menu');\n  }\n\n  get sidebar() {\n    return this.hostElement.shadowRoot.querySelector('.map-nav-sidebar');\n  }\n\n  get overlay() {\n    return this.hostElement.shadowRoot.querySelector('#overlay');\n  }\n\n  componentDidRender() {\n    this.appendMenu();\n    this.closeOverlay();\n  }\n\n  componentWillLoad() {\n    useContextProvider(this.hostElement, ApplicationLayoutContext, {\n      hideHeader: false,\n      host: 'map-navigation',\n    });\n  }\n\n  private appendMenu() {\n    this.menu.addEventListener(\n      'mapExpandChange',\n      (event: CustomEvent<boolean>) => {\n        const state = !event.detail;\n        this.toggleSidebar(state);\n      }\n    );\n    this.menu.enableMapExpand = true;\n  }\n\n  /**\n   * Change the visibility of the sidebar\n   *\n   * @param show new visibility state\n   * @since 1.6.0\n   */\n  @Method()\n  async toggleSidebar(show?: boolean) {\n    if (show !== undefined) {\n      this.isSidebarOpen = show;\n    } else {\n      this.isSidebarOpen = !this.isSidebarOpen;\n    }\n\n    if (this.isSidebarOpen) {\n      this.openSidebar();\n    } else {\n      this.closeSidebar();\n    }\n\n    this.navigationToggled.emit(this.isSidebarOpen);\n    this.menu.toggleMapExpand(this.isSidebarOpen);\n  }\n\n  private closeSidebar() {\n    anime({\n      targets: this.sidebar,\n      duration: MapNavigation.defaultTime,\n      marginLeft: [0, '-29.75rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        this.sidebar.classList.add('d-none');\n      },\n    });\n  }\n\n  private openSidebar() {\n    anime({\n      targets: this.sidebar,\n      duration: MapNavigation.defaultTime,\n      marginLeft: ['-29.75rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.sidebar.classList.remove('d-none');\n      },\n    });\n  }\n\n  /**\n   * Open a overlay inside content area\n   * @deprecated Will be removed in 2.0.0. Use slot based approach\n   *\n   * @param name\n   * @param component\n   * @param icon\n   * @param color\n   */\n  @Method()\n  async openOverlay(\n    name: string,\n    component: HTMLElement,\n    icon?: string,\n    color?: string\n  ) {\n    anime({\n      targets: this.overlay,\n      duration: MapNavigation.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.overlay.classList.remove('d-none');\n      },\n    });\n\n    const overlayInstance = document.createElement('ix-map-navigation-overlay');\n    overlayInstance.setAttribute('color', color);\n    overlayInstance.setAttribute('name', name);\n    overlayInstance.setAttribute('icon', icon);\n    overlayInstance.setAttribute('slot', 'overlay');\n    overlayInstance.addEventListener('closeClick', () => this.closeOverlay());\n    overlayInstance.appendChild(component);\n    this.hostElement.appendChild(overlayInstance);\n  }\n\n  /**\n   * Close current shown overlay\n   * @deprecated Will be removed in 2.0.0. Use slot based approach\n   */\n  @Method()\n  async closeOverlay() {\n    anime({\n      targets: this.overlay,\n      duration: MapNavigation.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        if (!this.overlay) {\n          return;\n        }\n        this.overlay.firstChild?.remove();\n        this.overlay.classList.add('d-none');\n      },\n    });\n  }\n\n  private checkHasContentHeader(e: Event) {\n    const nodes = (e.currentTarget as HTMLSlotElement).assignedNodes({\n      flatten: true,\n    });\n\n    this.hasContentHeader = nodes?.length !== 0;\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"menu\"></slot>\n        <div class=\"map-nav\">\n          <div class=\"map-nav-sidebar\">\n            <div class=\"map-nav-header\">\n              <ix-application-header\n                name={this.applicationName}\n                class=\"map-nav-header-brand\"\n              >\n                <slot slot=\"logo\" name=\"logo\"></slot>\n              </ix-application-header>\n            </div>\n            <div class=\"map-nav-sidebar-content\">\n              <div class=\"map-nav-sidebar-static-content\">\n                <div class=\"map-nav-title\">{this.navigationTitle}</div>\n                {this.hideContextMenu ? (\n                  ''\n                ) : (\n                  <ix-icon-button\n                    icon=\"context-menu\"\n                    ghost\n                    size=\"24\"\n                    variant=\"secondary\"\n                    onClick={(_) => this.contextMenuClick.emit()}\n                  ></ix-icon-button>\n                )}\n              </div>\n              <div class=\"map-nav-sidebar-user-content\">\n                <slot name=\"sidebar-content\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"content\">\n            <div\n              class={{\n                'map-nav-header-content': true,\n                'bg-2': true,\n                empty: !this.hasContentHeader,\n              }}\n            >\n              <slot\n                name=\"content-header\"\n                onSlotchange={(e) => this.checkHasContentHeader(e)}\n              ></slot>\n            </div>\n            <main>\n              <slot></slot>\n              <slot name=\"overlay\"></slot>\n            </main>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'common-variables';\n@import 'legacy/fonts';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  background-color: var(--theme-overlay--background);\n\n  .overlay-header {\n    display: flex;\n    position: relative;\n    justify-content: flex-start;\n    align-items: center;\n    height: 3.5rem;\n\n    background-color: var(--theme-overlay-header--background);\n  }\n\n  .overlay-header-content {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    ix-icon {\n      margin-inline-start: $default-space;\n      color: var(--theme-overlay-header--color);\n    }\n\n    .overlay-header-title {\n      @include text-h2;\n      @include ellipsis;\n      color: var(--theme-overlay-header--color);\n      margin-inline-start: $default-space;\n    }\n  }\n\n  .color-indicator {\n    display: inline-block;\n    position: relative;\n    width: $small-space;\n    height: 100%;\n    background-color: var(--theme-color-neutral);\n  }\n\n  .overlay-close {\n    margin-inline-start: auto;\n    margin-inline-end: $default-space;\n  }\n\n  .d-none {\n    display: none;\n  }\n}\n\n:host(.d-none) {\n  display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n  tag: 'ix-map-navigation-overlay',\n  styleUrl: 'map-navigation-overlay.scss',\n  shadow: true,\n})\nexport class MapNavigationOverlay {\n  private static readonly slowTime = 500;\n\n  @Element() hostElement: HTMLIxMapNavigationOverlayElement;\n\n  /**\n   * Title of overlay\n   */\n  @Prop() name: string;\n\n  /**\n   * Icon of overlay\n   */\n  @Prop() icon: string;\n\n  /**\n   * Color of icon\n   */\n  @Prop() color: string;\n\n  /**\n   * Event closed\n   */\n  @Event() closeClick: EventEmitter;\n\n  componentWillLoad() {\n    anime({\n      targets: this.hostElement,\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.hostElement.classList.remove('d-none');\n      },\n    });\n  }\n\n  private closeOverlay() {\n    anime({\n      targets: this.hostElement,\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        this.closeClick.emit();\n        this.hostElement.classList.add('d-none');\n      },\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"overlay-header\">\n          <div\n            class={{\n              'color-indicator': true,\n              'd-none': this.color === 'undefined' || this.color === undefined,\n            }}\n            style={{\n              'background-color': this.color\n                ? `var(--theme-${this.color})`\n                : '',\n            }}\n          ></div>\n          <div class=\"overlay-header-content\">\n            <ix-icon size=\"32\" name={this.icon}></ix-icon>\n            <span class=\"overlay-header-title\" title={this.name}>\n              {this.name}\n            </span>\n          </div>\n          <ix-icon-button\n            class=\"overlay-close\"\n            ghost\n            icon=\"close\"\n            size=\"24\"\n            onClick={() => this.closeOverlay()}\n          ></ix-icon-button>\n        </div>\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-9b6075de.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as i,g as o}from"./p-76a509c7.js";import{g as r}from"./p-04eeba9e.js";const e=":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.375rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.375rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}";const h=class{constructor(s){t(this,s);this.inputPaddingLeft=0;this.inputPaddingRight=0}get inputElement(){return this.hostElement.querySelector("input")}componentWillLoad(){var t;const{valid:s}=this.inputElement.validity;this.inputElement.addEventListener("valid",(()=>{this.onValidInput()}));this.inputElement.addEventListener("invalid",(()=>{this.onInvalidInput()}));this.inputElement.addEventListener("input",(()=>{this.startSlotChanged()}));(t=this.inputElement.form)===null||t===void 0?void 0:t.addEventListener("submit",(()=>{this.startSlotChanged()}));s?this.onValidInput():this.onInvalidInput()}componentDidRender(){this.prepareInputElement()}onValidInput(){this.startSlotChanged()}onInvalidInput(){this.startSlotChanged()}prepareInputElement(){if(this.inputElement){this.inputElement.style.width="100%";if(this.inputPaddingRight!==0){this.inputElement.style.paddingRight=this.inputPaddingRight+"px"}else{this.inputElement.style.paddingRight="none"}if(this.inputPaddingLeft!==0){this.inputElement.style.paddingLeft=this.inputPaddingLeft+"px"}else{this.inputElement.style.paddingLeft="none"}}else{console.warn('You used the ix-input-group without an input tag, e.g. <input class="form-control" />')}}startSlotChanged(){var t,s;const i=this.hostElement.shadowRoot.querySelector('slot[name="input-start"]');const o=this.getChildrenWidth(i);if(o!==0){this.inputPaddingLeft=15+o}if(!this.inputElement){return}if((((t=this.inputElement.form)===null||t===void 0?void 0:t.classList.contains("was-validated"))||((s=this.inputElement.form)===null||s===void 0?void 0:s.noValidate)===false)&&!this.inputElement.validity.valid){this.inputElement.style.backgroundPositionX=`${this.inputPaddingLeft}px`;this.inputPaddingLeft+=32}}endSlotChanged(){const t=this.hostElement.shadowRoot.querySelector('slot[name="input-end"]');this.inputPaddingRight=15+this.getChildrenWidth(t)}getChildrenWidth(t){if(!t){return 0}const s=r(t);if(s.length===0){return 0}let i=0;s.forEach((t=>{i+=t.getBoundingClientRect().width}));return i}render(){return s(i,null,s("div",{class:"group group-start"},s("slot",{name:"input-start",onSlotchange:()=>this.startSlotChanged()})),s("slot",null),s("div",{class:"group group-end"},s("slot",{name:"input-end",onSlotchange:()=>this.endSlotChanged()})))}get hostElement(){return o(this)}};h.style=e;export{h as ix_input_group};
-//# sourceMappingURL=p-9b6075de.entry.js.map

package/dist/siemens-ix/p-9b6075de.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputGroupCss","InputGroup","inputElement","this","hostElement","querySelector","componentWillLoad","valid","validity","addEventListener","onValidInput","onInvalidInput","startSlotChanged","_a","form","componentDidRender","prepareInputElement","style","width","inputPaddingRight","paddingRight","inputPaddingLeft","paddingLeft","console","warn","slot","shadowRoot","startPadding","getChildrenWidth","classList","contains","_b","noValidate","backgroundPositionX","endSlotChanged","slotElement","endElements","getSlottedElements","length","forEach","element","getBoundingClientRect","render","h","Host","class","name","onSlotchange"],"sources":["./src/components/input-group/input-group.scss?tag=ix-input-group&encapsulation=shadow","./src/components/input-group/input-group.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  align-items: stretch;\n\n  .group {\n    display: flex;\n    position: absolute;\n    align-items: center;\n    height: 100%;\n  }\n\n  .group-start {\n    left: 0px;\n    height: 2rem;\n    margin-left: 0.375rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  .group-end {\n    right: 0px;\n    height: 2rem;\n    margin-right: 0.375rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(*) {\n    display: flex;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, State } from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\n\n@Component({\n  tag: 'ix-input-group',\n  styleUrl: 'input-group.scss',\n  shadow: true,\n})\nexport class InputGroup {\n  @Element() hostElement!: HTMLIxInputGroupElement;\n\n  @State() inputPaddingLeft = 0;\n  @State() inputPaddingRight = 0;\n\n  private get inputElement() {\n    return this.hostElement.querySelector('input') as HTMLInputElement;\n  }\n\n  componentWillLoad() {\n    const { valid } = this.inputElement.validity;\n    this.inputElement.addEventListener('valid', () => {\n      this.onValidInput();\n    });\n    this.inputElement.addEventListener('invalid', () => {\n      this.onInvalidInput();\n    });\n    this.inputElement.addEventListener('input', () => {\n      this.startSlotChanged();\n    });\n\n    this.inputElement.form?.addEventListener('submit', () => {\n      this.startSlotChanged();\n    });\n\n    valid ? this.onValidInput() : this.onInvalidInput();\n  }\n\n  componentDidRender() {\n    this.prepareInputElement();\n  }\n\n  private onValidInput() {\n    this.startSlotChanged();\n  }\n\n  private onInvalidInput() {\n    this.startSlotChanged();\n  }\n\n  private prepareInputElement() {\n    if (this.inputElement) {\n      this.inputElement.style.width = '100%';\n\n      if (this.inputPaddingRight !== 0) {\n        this.inputElement.style.paddingRight = this.inputPaddingRight + 'px';\n      } else {\n        this.inputElement.style.paddingRight = 'none';\n      }\n\n      if (this.inputPaddingLeft !== 0) {\n        this.inputElement.style.paddingLeft = this.inputPaddingLeft + 'px';\n      } else {\n        this.inputElement.style.paddingLeft = 'none';\n      }\n    } else {\n      console.warn(\n        'You used the ix-input-group without an input tag, e.g. <input class=\"form-control\" />'\n      );\n    }\n  }\n\n  private startSlotChanged() {\n    const slot = this.hostElement.shadowRoot.querySelector(\n      'slot[name=\"input-start\"]'\n    );\n    const startPadding = this.getChildrenWidth(slot);\n\n    if (startPadding !== 0) {\n      this.inputPaddingLeft = 15 + startPadding;\n    }\n\n    if (!this.inputElement) {\n      return;\n    }\n\n    if (\n      (this.inputElement.form?.classList.contains('was-validated') ||\n        this.inputElement.form?.noValidate === false) &&\n      !this.inputElement.validity.valid\n    ) {\n      this.inputElement.style.backgroundPositionX = `${this.inputPaddingLeft}px`;\n      this.inputPaddingLeft += 32;\n    }\n  }\n\n  private endSlotChanged() {\n    const slot = this.hostElement.shadowRoot.querySelector(\n      'slot[name=\"input-end\"]'\n    );\n    this.inputPaddingRight = 15 + this.getChildrenWidth(slot);\n  }\n\n  private getChildrenWidth(slotElement: Element) {\n    if (!slotElement) {\n      return 0;\n    }\n\n    const endElements = getSlottedElements<HTMLElement>(slotElement);\n    if (endElements.length === 0) {\n      return 0;\n    }\n\n    let width = 0;\n\n    endElements.forEach((element) => {\n      width += element.getBoundingClientRect().width;\n    });\n\n    return width;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"group group-start\">\n          <slot\n            name=\"input-start\"\n            onSlotchange={() => this.startSlotChanged()}\n          ></slot>\n        </div>\n        <slot></slot>\n        <div class=\"group group-end\">\n          <slot\n            name=\"input-end\"\n            onSlotchange={() => this.endSlotChanged()}\n          ></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,69B,MCiBTC,EAAU,M,+CAGO,E,uBACC,C,CAEjBC,mBACV,OAAOC,KAAKC,YAAYC,cAAc,Q,CAGxCC,oB,MACE,MAAMC,MAAEA,GAAUJ,KAAKD,aAAaM,SACpCL,KAAKD,aAAaO,iBAAiB,SAAS,KAC1CN,KAAKO,cAAc,IAErBP,KAAKD,aAAaO,iBAAiB,WAAW,KAC5CN,KAAKQ,gBAAgB,IAEvBR,KAAKD,aAAaO,iBAAiB,SAAS,KAC1CN,KAAKS,kBAAkB,KAGzBC,EAAAV,KAAKD,aAAaY,QAAI,MAAAD,SAAA,SAAAA,EAAEJ,iBAAiB,UAAU,KACjDN,KAAKS,kBAAkB,IAGzBL,EAAQJ,KAAKO,eAAiBP,KAAKQ,gB,CAGrCI,qBACEZ,KAAKa,qB,CAGCN,eACNP,KAAKS,kB,CAGCD,iBACNR,KAAKS,kB,CAGCI,sBACN,GAAIb,KAAKD,aAAc,CACrBC,KAAKD,aAAae,MAAMC,MAAQ,OAEhC,GAAIf,KAAKgB,oBAAsB,EAAG,CAChChB,KAAKD,aAAae,MAAMG,aAAejB,KAAKgB,kBAAoB,I,KAC3D,CACLhB,KAAKD,aAAae,MAAMG,aAAe,M,CAGzC,GAAIjB,KAAKkB,mBAAqB,EAAG,CAC/BlB,KAAKD,aAAae,MAAMK,YAAcnB,KAAKkB,iBAAmB,I,KACzD,CACLlB,KAAKD,aAAae,MAAMK,YAAc,M,MAEnC,CACLC,QAAQC,KACN,wF,EAKEZ,mB,QACN,MAAMa,EAAOtB,KAAKC,YAAYsB,WAAWrB,cACvC,4BAEF,MAAMsB,EAAexB,KAAKyB,iBAAiBH,GAE3C,GAAIE,IAAiB,EAAG,CACtBxB,KAAKkB,iBAAmB,GAAKM,C,CAG/B,IAAKxB,KAAKD,aAAc,CACtB,M,CAGF,MACGW,EAAAV,KAAKD,aAAaY,QAAI,MAAAD,SAAA,SAAAA,EAAEgB,UAAUC,SAAS,qBAC1CC,EAAA5B,KAAKD,aAAaY,QAAI,MAAAiB,SAAA,SAAAA,EAAEC,cAAe,SACxC7B,KAAKD,aAAaM,SAASD,MAC5B,CACAJ,KAAKD,aAAae,MAAMgB,oBAAsB,GAAG9B,KAAKkB,qBACtDlB,KAAKkB,kBAAoB,E,EAIrBa,iBACN,MAAMT,EAAOtB,KAAKC,YAAYsB,WAAWrB,cACvC,0BAEFF,KAAKgB,kBAAoB,GAAKhB,KAAKyB,iBAAiBH,E,CAG9CG,iBAAiBO,GACvB,IAAKA,EAAa,CAChB,OAAO,C,CAGT,MAAMC,EAAcC,EAAgCF,GACpD,GAAIC,EAAYE,SAAW,EAAG,CAC5B,OAAO,C,CAGT,IAAIpB,EAAQ,EAEZkB,EAAYG,SAASC,IACnBtB,GAASsB,EAAQC,wBAAwBvB,KAAK,IAGhD,OAAOA,C,CAGTwB,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,qBACTF,EAAA,QACEG,KAAK,cACLC,aAAc,IAAM5C,KAAKS,sBAG7B+B,EAAA,aACAA,EAAA,OAAKE,MAAM,mBACTF,EAAA,QACEG,KAAK,YACLC,aAAc,IAAM5C,KAAK+B,oB"}

package/dist/siemens-ix/p-a0fdaa04.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as r}from"./p-76a509c7.js";import{g as s}from"./p-04eeba9e.js";const n=":host{display:block;position:relative;height:2rem;width:2rem;-webkit-margin-before:0.3125rem;margin-block-start:0.3125rem;-webkit-margin-end:0.3125rem;margin-inline-end:0.3125rem;-webkit-margin-start:auto;margin-inline-start:auto}:host .hide{visibility:collapse}";const o=class{constructor(e){t(this,e);this.showContextMenu=false}getTrigger(){return this.hostElement}configureDropdown(t,e){t.positioningStrategy="fixed";t.trigger=e}onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t){return}const e=s(t);this.showContextMenu=e.length!==0;const i=e.find((t=>t.tagName==="IX-DROPDOWN"));const r=this.getTrigger();if(!r){return}if(!i){return}this.configureDropdown(i,r)}render(){return e(i,null,e("ix-icon-button",{class:{hide:!this.showContextMenu},size:"24",ghost:true,icon:"context-menu"}),e("slot",{onSlotchange:()=>this.onSlotChange()}))}get hostElement(){return r(this)}};o.style=n;export{o as ix_group_context_menu};
-//# sourceMappingURL=p-a0fdaa04.entry.js.map

package/dist/siemens-ix/p-a0fdaa04.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["groupContextMenuCss","GroupContextMenu","getTrigger","this","hostElement","configureDropdown","dropdownElement","triggerElement","positioningStrategy","trigger","onSlotChange","slot","shadowRoot","querySelector","elements","getSlottedElements","showContextMenu","length","find","elm","tagName","render","h","Host","class","hide","size","ghost","icon","onSlotchange"],"sources":["./src/components/group/group-context-menu.scss?tag=ix-group-context-menu&encapsulation=shadow","./src/components/group/group-context-menu.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host {\n  display: block;\n  position: relative;\n\n  height: 2rem;\n  width: 2rem;\n\n  margin-block-start: 0.3125rem;\n  margin-inline-end: 0.3125rem;\n  margin-inline-start: auto;\n\n  .hide {\n    visibility: collapse;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, State } from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\n\n@Component({\n  tag: 'ix-group-context-menu',\n  styleUrl: './group-context-menu.scss',\n  shadow: true,\n})\nexport class GroupContextMenu {\n  @Element() hostElement!: HTMLIxGroupContextMenuElement;\n\n  @State() showContextMenu = false;\n\n  private getTrigger() {\n    return this.hostElement;\n  }\n\n  private configureDropdown(\n    dropdownElement: HTMLIxDropdownElement,\n    triggerElement: HTMLElement\n  ) {\n    dropdownElement.positioningStrategy = 'fixed';\n    dropdownElement.trigger = triggerElement;\n  }\n\n  private onSlotChange() {\n    const slot = this.hostElement.shadowRoot.querySelector('slot');\n    if (!slot) {\n      return;\n    }\n    const elements = getSlottedElements(slot);\n    this.showContextMenu = elements.length !== 0;\n\n    const dropdownElement = elements.find(\n      (elm: Element) => elm.tagName === 'IX-DROPDOWN'\n    );\n\n    const triggerElement = this.getTrigger();\n\n    if (!triggerElement) {\n      return;\n    }\n\n    if (!dropdownElement) {\n      return;\n    }\n\n    this.configureDropdown(dropdownElement, triggerElement);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-icon-button\n          class={{ hide: !this.showContextMenu }}\n          size=\"24\"\n          ghost={true}\n          icon=\"context-menu\"\n        ></ix-icon-button>\n        <slot onSlotchange={() => this.onSlotChange()}></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAsB,yQ,MCiBfC,EAAgB,M,8CAGA,K,CAEnBC,aACN,OAAOC,KAAKC,W,CAGNC,kBACNC,EACAC,GAEAD,EAAgBE,oBAAsB,QACtCF,EAAgBG,QAAUF,C,CAGpBG,eACN,MAAMC,EAAOR,KAAKC,YAAYQ,WAAWC,cAAc,QACvD,IAAKF,EAAM,CACT,M,CAEF,MAAMG,EAAWC,EAAmBJ,GACpCR,KAAKa,gBAAkBF,EAASG,SAAW,EAE3C,MAAMX,EAAkBQ,EAASI,MAC9BC,GAAiBA,EAAIC,UAAY,gBAGpC,MAAMb,EAAiBJ,KAAKD,aAE5B,IAAKK,EAAgB,CACnB,M,CAGF,IAAKD,EAAiB,CACpB,M,CAGFH,KAAKE,kBAAkBC,EAAiBC,E,CAG1Cc,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,kBACEE,MAAO,CAAEC,MAAOtB,KAAKa,iBACrBU,KAAK,KACLC,MAAO,KACPC,KAAK,iBAEPN,EAAA,QAAMO,aAAc,IAAM1B,KAAKO,iB"}

package/dist/siemens-ix/p-a18f1744.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as o,H as s,g as e}from"./p-76a509c7.js";import{a}from"./p-810b5232.js";import{b as l,a as r}from"./p-0b71cde4.js";import{A as d}from"./p-3b97bb69.js";const n="::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}:focus-visible{outline:none !important}:host dialog{margin:0;left:50%}:host dialog::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}:host .modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0px;left:0px;pointer-events:none}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:2.5rem}";const h=class{constructor(o){t(this,o);this.dialogClose=i(this,"dialogClose",7);this.dialogDismiss=i(this,"dialogDismiss",7);this.ariaAttributes={};this.size="360";this.animation=true;this.backdrop=true;this.closeOnBackdropClick=false;this.beforeDismiss=undefined;this.centered=false;this.keyboard=true}get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}slideInModal(){const t=this.animation?d.mediumTime:0;let i=this.centered?"-50":40;a({targets:this.dialog,duration:t,opacity:[0,1],translateY:[0,i],translateX:["-50%","-50%"],easing:"easeOutSine"})}slideOutModal(t){const i=this.animation?d.mediumTime:0;let o=this.centered?"-50":40;a({targets:this.dialog,duration:i,opacity:[1,0],translateY:[o,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{if(t){t()}}})}onModalClick(t){const i=this.dialog.getBoundingClientRect();const o=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!o&&this.closeOnBackdropClick){this.dismissModal()}}async showModal(){this.dialog.showModal()}async dismissModal(t){let i=true;if(this.beforeDismiss!==undefined){i=await this.beforeDismiss(t)}if(!i){return}this.slideOutModal((()=>{this.dialog.close(JSON.stringify({type:"dismiss",reason:t},null,2));this.dialogDismiss.emit(t)}))}async closeModal(t){this.slideOutModal((()=>{this.dialog.close(JSON.stringify({type:"close",reason:t},null,2));this.dialogClose.emit(t)}))}componentDidLoad(){this.slideInModal()}componentWillLoad(){this.ariaAttributes=l(this.hostElement)}render(){return o(s,{class:{"no-backdrop":this.backdrop===false,"align-center":this.centered}},o("div",{class:"dialog-backdrop"},o("dialog",{"aria-modal":r(true),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:`modal modal-size-${this.size}`,onKeyDown:t=>{if(t.key==="Escape"&&this.keyboard===false){t.preventDefault()}},onClick:t=>this.onModalClick(t),onCancel:t=>{t.preventDefault();this.dismissModal()}},o("slot",null))))}get hostElement(){return e(this)}};h.style=n;export{h as ix_modal};
-//# sourceMappingURL=p-a18f1744.entry.js.map

package/dist/siemens-ix/p-a18f1744.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["modalCss","Modal","this","ariaAttributes","dialog","hostElement","shadowRoot","querySelector","slideInModal","duration","animation","Animation","mediumTime","transformY","centered","anime","targets","opacity","translateY","translateX","easing","slideOutModal","completeCallback","complete","onModalClick","event","rect","getBoundingClientRect","isClickOutside","top","clientY","height","left","clientX","width","closeOnBackdropClick","dismissModal","async","showModal","reason","allowDismiss","beforeDismiss","undefined","close","JSON","stringify","type","dialogDismiss","emit","dialogClose","componentDidLoad","componentWillLoad","a11yHostAttributes","render","h","Host","class","backdrop","a11yBoolean","size","onKeyDown","e","key","keyboard","preventDefault","onClick","onCancel"],"sources":["./src/components/modal/modal.scss?tag=ix-modal&encapsulation=shadow","./src/components/modal/modal.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n::backdrop {\n  --ix-dialog-backdrop: var(--theme-color-lightbox, #0000008c);\n}\n\n:focus-visible {\n  outline: none !important;\n}\n\n:host {\n  dialog {\n    margin: 0;\n    left: 50%;\n  }\n\n  dialog::backdrop {\n    backdrop-filter: blur(2.7182817459106445px);\n  }\n\n  .modal {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    border: none;\n    border-radius: var(--theme-default-border-radius);\n    background: var(--theme-modal--background);\n    box-shadow: var(--theme-shadow-4);\n    color: var(--theme-color-std-text);\n    overflow: visible;\n    max-height: 80vh;\n    pointer-events: all;\n  }\n\n  .modal-size-360 {\n    width: 22.5rem;\n  }\n\n  .modal-size-480 {\n    width: 30rem;\n  }\n\n  .modal-size-600 {\n    width: 37.5rem;\n  }\n\n  .modal-size-720 {\n    width: 45rem;\n  }\n\n  .modal-size-840 {\n    width: 52.5rem;\n  }\n\n  .modal-size-full-width {\n    width: 95%;\n  }\n\n  .dialog-backdrop {\n    display: block;\n    position: fixed;\n    width: 100vw;\n    height: 100vh;\n    top: 0px;\n    left: 0px;\n\n    pointer-events: none;\n  }\n}\n\n:host(.align-center) {\n  dialog {\n    margin: 0;\n    left: 50%;\n    top: 50%;\n  }\n}\n\n:host(.no-backdrop) {\n  dialog::backdrop {\n    background-color: transparent !important;\n    backdrop-filter: none !important;\n  }\n}\n\n:host(.with-icon) {\n  ::slotted(ix-modal-footer),\n  ::slotted(ix-modal-content) {\n    margin-left: 2.5rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { A11yAttributes, a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport Animation from '../utils/animation';\n\nexport type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';\nexport type IxModalDynamicSize = 'full-width';\nexport type IxModalSize = IxModalFixedSize | IxModalDynamicSize;\n\n@Component({\n  tag: 'ix-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n})\nexport class Modal {\n  private ariaAttributes: A11yAttributes = {};\n\n  @Element() hostElement!: HTMLIxModalElement;\n\n  /**\n   * Modal size\n   *\n   * @since 2.0.0\n   */\n  @Prop() size: IxModalSize = '360';\n\n  /**\n   * Should the modal be animated\n   */\n  @Prop() animation = true;\n\n  /**\n   * Show a backdrop behind the modal dialog\n   */\n  @Prop() backdrop = true;\n\n  /**\n   * Dismiss modal on backdrop click\n   *\n   * @since 2.0.0\n   */\n  @Prop() closeOnBackdropClick = false;\n\n  /**\n   * Is called before the modal is dismissed.\n   *\n   * - Return `true` to proceed in dismissing the modal\n   * - Return `false` to abort in dismissing the modal\n   */\n  @Prop() beforeDismiss: (reason?: any) => boolean | Promise<boolean>;\n\n  /**\n   * Centered modal\n   */\n  @Prop() centered = false;\n\n  /**\n   * Use ESC to dismiss the modal\n   */\n  @Prop() keyboard = true;\n\n  /**\n   * Dialog close\n   */\n  @Event() dialogClose: EventEmitter;\n\n  /**\n   * Dialog cancel\n   */\n  @Event() dialogDismiss: EventEmitter;\n\n  get dialog() {\n    return this.hostElement.shadowRoot.querySelector('dialog');\n  }\n\n  private slideInModal() {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [0, 1],\n      translateY: [0, transformY],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeOutSine',\n    });\n  }\n\n  private slideOutModal(completeCallback: Function) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [1, 0],\n      translateY: [transformY, 0],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeInSine',\n      complete: () => {\n        if (completeCallback) {\n          completeCallback();\n        }\n      },\n    });\n  }\n\n  private onModalClick(event: MouseEvent) {\n    const rect = this.dialog.getBoundingClientRect();\n    const isClickOutside =\n      rect.top <= event.clientY &&\n      event.clientY <= rect.top + rect.height &&\n      rect.left <= event.clientX &&\n      event.clientX <= rect.left + rect.width;\n    if (!isClickOutside && this.closeOnBackdropClick) {\n      this.dismissModal();\n    }\n  }\n\n  /**\n   * Show the dialog\n   */\n  @Method()\n  async showModal() {\n    this.dialog.showModal();\n  }\n\n  /**\n   * Dismiss the dialog\n   */\n  @Method()\n  async dismissModal<T = any>(reason?: T) {\n    let allowDismiss = true;\n\n    if (this.beforeDismiss !== undefined) {\n      allowDismiss = await this.beforeDismiss(reason);\n    }\n    if (!allowDismiss) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.dialog.close(\n        JSON.stringify(\n          {\n            type: 'dismiss',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogDismiss.emit(reason);\n    });\n  }\n\n  /**\n   * Close the dialog\n   */\n  @Method()\n  async closeModal<T = any>(reason: T) {\n    this.slideOutModal(() => {\n      this.dialog.close(\n        JSON.stringify(\n          {\n            type: 'close',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogClose.emit(reason);\n    });\n  }\n\n  componentDidLoad() {\n    this.slideInModal();\n  }\n\n  componentWillLoad() {\n    this.ariaAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'no-backdrop': this.backdrop === false,\n          'align-center': this.centered,\n        }}\n      >\n        <div class=\"dialog-backdrop\">\n          <dialog\n            aria-modal={a11yBoolean(true)}\n            aria-describedby={this.ariaAttributes['aria-describedby']}\n            aria-labelledby={this.ariaAttributes['aria-labelledby']}\n            class={`modal modal-size-${this.size}`}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape' && this.keyboard === false) {\n                e.preventDefault();\n              }\n            }}\n            onClick={(event) => this.onModalClick(event)}\n            onCancel={(e) => {\n              e.preventDefault();\n              this.dismissModal();\n            }}\n          >\n            <slot></slot>\n          </dialog>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8KAAA,MAAMA,EAAW,2pC,MC+BJC,EAAK,M,+GACRC,KAAAC,eAAiC,G,UASb,M,eAKR,K,cAKD,K,0BAOY,M,2CAaZ,M,cAKA,I,CAYfC,aACF,OAAOF,KAAKG,YAAYC,WAAWC,cAAc,S,CAG3CC,eACN,MAAMC,EAAWP,KAAKQ,UAAYC,EAAUC,WAAa,EAEzD,IAAIC,EAAaX,KAAKY,SAAW,MAAQ,GAEzCC,EAAM,CACJC,QAASd,KAAKE,OACdK,WACAQ,QAAS,CAAC,EAAG,GACbC,WAAY,CAAC,EAAGL,GAChBM,WAAY,CAAC,OAAQ,QACrBC,OAAQ,e,CAIJC,cAAcC,GACpB,MAAMb,EAAWP,KAAKQ,UAAYC,EAAUC,WAAa,EAEzD,IAAIC,EAAaX,KAAKY,SAAW,MAAQ,GAEzCC,EAAM,CACJC,QAASd,KAAKE,OACdK,WACAQ,QAAS,CAAC,EAAG,GACbC,WAAY,CAACL,EAAY,GACzBM,WAAY,CAAC,OAAQ,QACrBC,OAAQ,aACRG,SAAU,KACR,GAAID,EAAkB,CACpBA,G,KAMAE,aAAaC,GACnB,MAAMC,EAAOxB,KAAKE,OAAOuB,wBACzB,MAAMC,EACJF,EAAKG,KAAOJ,EAAMK,SAClBL,EAAMK,SAAWJ,EAAKG,IAAMH,EAAKK,QACjCL,EAAKM,MAAQP,EAAMQ,SACnBR,EAAMQ,SAAWP,EAAKM,KAAON,EAAKQ,MACpC,IAAKN,GAAkB1B,KAAKiC,qBAAsB,CAChDjC,KAAKkC,c,EAQTC,kBACEnC,KAAKE,OAAOkC,W,CAOdD,mBAA4BE,GAC1B,IAAIC,EAAe,KAEnB,GAAItC,KAAKuC,gBAAkBC,UAAW,CACpCF,QAAqBtC,KAAKuC,cAAcF,E,CAE1C,IAAKC,EAAc,CACjB,M,CAGFtC,KAAKmB,eAAc,KACjBnB,KAAKE,OAAOuC,MACVC,KAAKC,UACH,CACEC,KAAM,UACNP,UAEF,KACA,IAIJrC,KAAK6C,cAAcC,KAAKT,EAAO,G,CAQnCF,iBAA0BE,GACxBrC,KAAKmB,eAAc,KACjBnB,KAAKE,OAAOuC,MACVC,KAAKC,UACH,CACEC,KAAM,QACNP,UAEF,KACA,IAIJrC,KAAK+C,YAAYD,KAAKT,EAAO,G,CAIjCW,mBACEhD,KAAKM,c,CAGP2C,oBACEjD,KAAKC,eAAiBiD,EAAmBlD,KAAKG,Y,CAGhDgD,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,cAAetD,KAAKuD,WAAa,MACjC,eAAgBvD,KAAKY,WAGvBwC,EAAA,OAAKE,MAAM,mBACTF,EAAA,uBACcI,EAAY,MAAK,mBACXxD,KAAKC,eAAe,oBAAmB,kBACxCD,KAAKC,eAAe,mBACrCqD,MAAO,oBAAoBtD,KAAKyD,OAChCC,UAAYC,IACV,GAAIA,EAAEC,MAAQ,UAAY5D,KAAK6D,WAAa,MAAO,CACjDF,EAAEG,gB,GAGNC,QAAUxC,GAAUvB,KAAKsB,aAAaC,GACtCyC,SAAWL,IACTA,EAAEG,iBACF9D,KAAKkC,cAAc,GAGrBkB,EAAA,e"}

package/dist/siemens-ix/p-a3d6abfb.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,H as e,g as i}from"./p-76a509c7.js";import{T as r}from"./p-9ee41861.js";const a=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toast-body{display:flex;position:relative;width:100%;flex-grow:1}:host .toast-body .toast-icon{display:flex;align-items:flex-start;margin:1rem}:host .toast-body .toast-content{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;max-width:10.25rem;margin-top:calc(\n        1rem + var(--theme-toast--border-thickness)\n      );margin-bottom:0.75rem}:host .toast-body .toast-content .toast-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}:host .toast-body .toast-content .toast-message{min-width:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}:host .toast-close{display:flex;position:relative;margin:0.75rem;pointer-events:all}:host .toast-progress-bar{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const n=class{constructor(s){t(this,s);this.closeToast=o(this,"closeToast",7);this.type="info";this.toastTitle=undefined;this.autoCloseDelay=5e3;this.autoClose=true;this.icon=undefined;this.iconColor=undefined;this.progress=0;this.touched=false}getIcon(){if(this.icon){return s("ix-icon",{name:this.icon,color:this.iconColor,size:"24"})}switch(this.type){case"info":return s("ix-icon",{name:"info",size:"24",color:"color-std-text"});case"error":return s("ix-icon",{name:"error",size:"24",color:"color-alarm"});case"success":return s("ix-icon",{name:"success",size:"24",color:"color-success"});case"warning":return s("ix-icon",{name:"warning",size:"24",color:"color-warning"});default:return""}}close(){if(this.hostElement){this.hostElement.classList.add("animate__fadeOut")}setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t={};const o=["toast-progress-bar"];t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched?"paused":"running"};o.push("toast-progress-bar--animated");return s(e,{class:"animate__animated animate__fadeIn"},s("div",{class:"toast-body",onPointerLeave:()=>{this.touched=false},onPointerEnter:()=>{this.touched=true}},this.type||this.icon?s("div",{class:"toast-icon"},this.getIcon()):null,s("div",{class:"toast-content"},this.toastTitle?s("div",{class:"toast-title"},this.toastTitle):null,s("div",{class:"toast-message"},s("slot",null))),s("div",{class:"toast-close"},s("ix-icon-button",{icon:"close",size:"24",ghost:true,onClick:()=>this.closeToast.emit()}))),this.autoClose?s("div",{class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{if(this.progress===0){this.close()}}}):null)}get hostElement(){return i(this)}};n.style=a;const c=class{constructor(o){t(this,o);this.PREFIX_POSITION_CLASS="toast-container--";this.containerId="toast-container";this.containerClass="toast-container";this.position="bottom-right"}get hostContainer(){return document.getElementById(this.containerId)}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId;t.classList.add(this.containerClass);t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`);document.body.appendChild(t)}}onPositionChange(t,o){const s=document.getElementById(this.containerId);s.classList.remove(`${this.PREFIX_POSITION_CLASS}${o}`);s.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)}async showToast(t){const o=document.createElement("ix-toast");const s=new r;function e(t){o.remove();s.emit(t)}o.toastTitle=t.title;o.type=t.type;o.autoClose=t.autoClose;o.autoCloseDelay=t.autoCloseDelay;o.icon=t.icon;o.iconColor=t.iconColor;o.addEventListener("closeToast",(t=>{const{detail:o}=t;e(o)}));if(typeof t.message==="string"){o.innerText=t.message}else{o.appendChild(t.message)}this.hostContainer.appendChild(o);return{onClose:s,close:t=>{e(t)}}}render(){return s(e,null)}static get watchers(){return{position:["onPositionChange"]}}};export{n as ix_toast,c as ix_toast_container};
-//# sourceMappingURL=p-a3d6abfb.entry.js.map

package/dist/siemens-ix/p-a3d6abfb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toastCss","Toast","getIcon","this","icon","h","name","color","iconColor","size","type","close","hostElement","classList","add","setTimeout","closeToast","emit","render","progressBarStyle","progressBarClass","animationDuration","autoCloseDelay","animationPlayState","touched","push","Host","class","onPointerLeave","onPointerEnter","toastTitle","ghost","onClick","autoClose","join","style","onAnimationEnd","onTransitionEnd","progress","ToastContainer","PREFIX_POSITION_CLASS","hostContainer","document","getElementById","containerId","componentDidLoad","toastContainer","createElement","id","containerClass","position","body","appendChild","onPositionChange","newPosition","oldPosition","remove","async","config","toast","onClose","TypedEvent","removeToast","result","title","addEventListener","event","detail","message","innerText"],"sources":["./src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","./src/components/toast/toast.tsx","./src/components/toast/toast-container.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: 17.5rem;\n  max-width: 17.5rem;\n  min-height: 3.5rem;\n\n  pointer-events: all;\n\n  background-color: var(--theme-toast--background);\n  border: var(--theme-toast--border-thickness) solid\n    var(--theme-toast--border-color);\n  border-radius: var(--theme-toast--border-radius);\n  box-shadow: var(--theme-toast--box-shadow);\n\n  --animate-duration: #{$medium-time};\n\n  .toast-body {\n    display: flex;\n    position: relative;\n    width: 100%;\n    flex-grow: 1;\n\n    .toast-icon {\n      display: flex;\n      align-items: flex-start;\n      margin: $default-space;\n    }\n\n    .toast-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-width: 0;\n      width: 100%;\n      max-width: 10.25rem;\n      margin-top: calc(\n        #{$default-space} + var(--theme-toast--border-thickness)\n      );\n      margin-bottom: $medium-space;\n\n      .toast-title {\n        @include text-default-title-single;\n      }\n      .toast-message {\n        min-width: 0;\n\n        @include text-default;\n      }\n    }\n  }\n\n  .toast-close {\n    display: flex;\n    position: relative;\n    margin: $medium-space;\n    pointer-events: all;\n  }\n\n  .toast-progress-bar {\n    position: absolute;\n    bottom: 0;\n    height: $tiny-space;\n    width: 100%;\n    background-color: var(--theme-toast-timer-value--background);\n    transform-origin: left;\n\n    &--animated {\n      animation: trackProgress linear 1 forwards;\n    }\n  }\n\n  @keyframes trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\n\n@Component({\n  tag: 'ix-toast',\n  styleUrl: 'toast.scss',\n  shadow: true,\n})\nexport class Toast {\n  /**\n   * Toast type\n   */\n  @Prop() type: ToastType = 'info';\n\n  /**\n   * Toast title\n   */\n  @Prop() toastTitle: string;\n\n  /**\n   * Autoclose title after delay\n   */\n  @Prop() autoCloseDelay = 5000;\n\n  /**\n   * Autoclose behavior\n   */\n  @Prop() autoClose = true;\n\n  /**\n   * Icon of toast\n   */\n  @Prop() icon: string;\n\n  /**\n   * Icon color of toast\n   */\n  @Prop() iconColor: string;\n\n  /**\n   * Toast closed\n   */\n  @Event() closeToast: EventEmitter;\n\n  @State() progress = 0;\n  @State() touched = false;\n\n  @Element() hostElement!: HTMLIxToastElement;\n\n  private getIcon() {\n    if (this.icon) {\n      return <ix-icon name={this.icon} color={this.iconColor} size=\"24\" />;\n    }\n\n    switch (this.type) {\n      case 'info':\n        return <ix-icon name={'info'} size=\"24\" color=\"color-std-text\" />;\n\n      case 'error':\n        return <ix-icon name={'error'} size=\"24\" color=\"color-alarm\" />;\n\n      case 'success':\n        return <ix-icon name={'success'} size=\"24\" color=\"color-success\" />;\n\n      case 'warning':\n        return <ix-icon name={'warning'} size=\"24\" color=\"color-warning\" />;\n\n      default:\n        return '';\n    }\n  }\n\n  private close() {\n    if (this.hostElement) {\n      this.hostElement.classList.add('animate__fadeOut');\n    }\n    setTimeout(() => {\n      this.closeToast.emit();\n    }, 250);\n  }\n\n  render() {\n    let progressBarStyle: Record<string, string> = {};\n\n    const progressBarClass = ['toast-progress-bar'];\n\n    progressBarStyle = {\n      animationDuration: `${this.autoCloseDelay}ms`,\n      animationPlayState: this.touched ? 'paused' : 'running',\n    };\n\n    progressBarClass.push('toast-progress-bar--animated');\n\n    return (\n      <Host class=\"animate__animated animate__fadeIn\">\n        <div\n          class=\"toast-body\"\n          onPointerLeave={() => {\n            this.touched = false;\n          }}\n          onPointerEnter={() => {\n            this.touched = true;\n          }}\n        >\n          {this.type || this.icon ? (\n            <div class=\"toast-icon\">{this.getIcon()}</div>\n          ) : null}\n          <div class=\"toast-content\">\n            {this.toastTitle ? (\n              <div class=\"toast-title\">{this.toastTitle}</div>\n            ) : null}\n            <div class=\"toast-message\">\n              <slot></slot>\n            </div>\n          </div>\n          <div class=\"toast-close\">\n            <ix-icon-button\n              icon=\"close\"\n              size=\"24\"\n              ghost\n              onClick={() => this.closeToast.emit()}\n            />\n          </div>\n        </div>\n        {this.autoClose ? (\n          <div\n            class={progressBarClass.join(' ')}\n            style={progressBarStyle}\n            onAnimationEnd={() => {\n              this.close();\n            }}\n            onTransitionEnd={() => {\n              if (this.progress === 0) {\n                this.close();\n              }\n            }}\n          ></div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\n\n@Component({\n  tag: 'ix-toast-container',\n  shadow: true,\n})\nexport class ToastContainer {\n  /**\n   */\n  @Prop() containerId = 'toast-container';\n\n  /**\n   */\n  @Prop() containerClass = 'toast-container';\n\n  /**\n   */\n  @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n  private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n  get hostContainer() {\n    return document.getElementById(this.containerId);\n  }\n\n  componentDidLoad() {\n    if (!document.getElementById(this.containerId)) {\n      const toastContainer = document.createElement('div');\n      toastContainer.id = this.containerId;\n      toastContainer.classList.add(this.containerClass);\n      toastContainer.classList.add(\n        `${this.PREFIX_POSITION_CLASS}${this.position}`\n      );\n      document.body.appendChild(toastContainer);\n    }\n  }\n\n  @Watch('position')\n  onPositionChange(newPosition: string, oldPosition: string) {\n    const toastContainer = document.getElementById(this.containerId);\n    toastContainer.classList.remove(\n      `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n    );\n    toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n  }\n\n  /**\n   * Display a toast message\n   * @param config\n   */\n  @Method()\n  async showToast(config: ToastConfig) {\n    const toast = document.createElement('ix-toast');\n\n    const onClose = new TypedEvent<any | undefined>();\n\n    function removeToast(result?: any) {\n      toast.remove();\n      onClose.emit(result);\n    }\n\n    toast.toastTitle = config.title;\n    toast.type = config.type;\n    toast.autoClose = config.autoClose;\n    toast.autoCloseDelay = config.autoCloseDelay;\n    toast.icon = config.icon;\n    toast.iconColor = config.iconColor;\n    toast.addEventListener(\n      'closeToast',\n      (event: CustomEvent<any | undefined>) => {\n        const { detail } = event;\n        removeToast(detail);\n      }\n    );\n\n    if (typeof config.message === 'string') {\n      toast.innerText = config.message;\n    } else {\n      toast.appendChild(config.message);\n    }\n\n    this.hostContainer.appendChild(toast);\n\n    return {\n      onClose,\n      close: (result?: any) => {\n        removeToast(result);\n      },\n    };\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"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"}