{"version":3,"names":["zdsBadgeCss","ZdsBadgeStyle0","ZdsBadge","connectedCallback","this","mutationObserver","createMutationObserver","hostElement","handleMutation","disconnectedCallback","disconnect","componentDidLoad","updateContentVariables","render","h","key","class","name","ref","element","overlayedSlotElement","renderBadge","badgeClasses","generateCssClasses","color","empty","hasBadgeContent","pill","outlined","overlaying","hasOverlayedContent","overlayingIcon","isOverlayedContentIcon","badgeStyle","marginBottom","offsetY","undefined","marginLeft","offsetX","style","defaultSlotElement","dynamicRoundingElement","containerClasses","containerStyle","update","filteredOverlayedNodes","getSlottedElements","length","nodeName","__decorate","Bind","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","prototype","hasOwnProperty","call","__extends","TypeError","String","__","constructor","create","__assign","assign","t","s","i","n","arguments","apply","SuppressedError","error","suppressed","message","e","Error","cssClasses","INDETERMINATE_CLASS","CLOSED_CLASS","strings","ARIA_HIDDEN","ARIA_VALUENOW","DETERMINATE_CIRCLE_SELECTOR","RADIUS","STROKE_DASHOFFSET","MDCCircularProgressFoundation","_super","adapter","defaultAdapter","defineProperty","get","enumerable","configurable","addClass","getDeterminateCircleAttribute","hasClass","removeClass","removeAttribute","setAttribute","setDeterminateCircleAttribute","init","closed","determinate","progress","toString","radius","Number","setDeterminate","setProgress","isDeterminate","value","unfilledArcLength","Math","PI","getProgress","open","close","isClosed","MDCFoundation","MDCCircularProgress","initialize","determinateCircle","root","querySelector","attachTo","set","foundation","getDefaultFoundation","_this","className","classList","add","attributeName","getAttribute","contains","remove","MDCComponent","zdsSpinnerCss","ZdsSpinnerStyle0","ZdsSpinner","onProgressChange","newValue","indeterminate","mdcInstance","progressElement","renderDeterminate","viewBox","xmlns","cx","cy","r","renderIndeterminate","Host","role","zdsTooltipCss","ZdsTooltipStyle0","ZdsTooltip","dark","theme","animation","arrow","hoverDelay","target","touchDelay","trigger","position","alignment","placement","maxWidth","alwaysComputePosition","strategy"],"sources":["../src/components/zds-badge/zds-badge.scss?tag=zds-badge&encapsulation=shadow","../src/components/zds-badge/zds-badge.tsx","../../../node_modules/@material/circular-progress/node_modules/tslib/tslib.es6.js","../../../node_modules/@material/circular-progress/constants.js","../../../node_modules/@material/circular-progress/foundation.js","../../../node_modules/@material/circular-progress/component.js","../src/components/zds-spinner/zds-spinner.scss?tag=zds-spinner&encapsulation=shadow","../src/components/zds-spinner/zds-spinner.tsx","../src/components/zds-tooltip/zds-tooltip.scss?tag=zds-tooltip&encapsulation=shadow","../src/components/zds-tooltip/zds-tooltip.tsx"],"sourcesContent":["@import '../../../../design-tokens/dist/private/colors';\n@import '../../../../style/src/typography/mixins';\n\n$zds-text-colors: 'base', 'contrast', 'danger', 'loud';\n\n// Sets all possible --zds-badge-background values based on the colors that exist within the design tokens.\n@each $color in $zdsColors {\n\t:host([color='#{$color}']) {\n\t\t--zds-badge-background: var(--zds-color-#{$color});\n\t\t--zds-badge-color: var(--zds-color-#{$color}-foreground);\n\t}\n}\n\n// Sets all possible --zds-badge-background values based on the text colors that exist within the design tokens.\n@each $color in $zds-text-colors {\n\t:host([color='#{$color}']) {\n\t\t--zds-badge-background: var(--zds-text-color-#{$color});\n\t\t--zds-badge-color: var(--zds-text-color-contrast);\n\n\t\t@if $color == 'contrast' {\n\t\t\t--zds-badge-color: var(--zds-text-color-base);\n\t\t}\n\t}\n}\n\n:host {\n\t@include zds-typography('body');\n\n\tdisplay: inline-flex;\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n}\n\n:host(.zds-badge-square) {\n\t--zds-badge-border-radius: 0;\n}\n\n:host([outlined='']),\n:host([outlined='true']) {\n\t--zds-badge-color: var(--zds-text-color-base);\n}\n\n:host([pill='']),\n:host([pill='true']) {\n\t--zds-badge-border-radius: var(--zds-shape-radius-pill);\n}\n\n.zds-badge {\n\tposition: relative;\n}\n\n.zds-badge__badge {\n\tbackground: var(--zds-badge-background);\n\tborder-radius: var(--zds-badge-border-top-left-radius, var(--zds-badge-border-radius))\n\t\tvar(--zds-badge-border-top-right-radius, var(--zds-badge-border-radius))\n\t\tvar(--zds-badge-border-bottom-right-radius, var(--zds-badge-border-radius))\n\t\tvar(--zds-badge-border-bottom-left-radius, var(--zds-badge-border-radius));\n\tcolor: var(--zds-badge-color);\n\tfont-size: var(--zds-badge-font-size);\n\tfont-weight: var(--zds-badge-font-weight);\n\tline-height: 1;\n\tpadding: var(--zds-badge-inset-y) var(--zds-badge-inset-x);\n\tz-index: 1;\n\n\t&--empty {\n\t\theight: var(--zds-badge-empty-size);\n\t\tpadding: 0;\n\t\twidth: var(--zds-badge-empty-size);\n\t}\n\n\t&--outlined {\n\t\tbackground: var(--zds-color-white);\n\t\tborder: 1px solid var(--zds-badge-background);\n\t\tcolor: var(--zds-badge-color);\n\t}\n\n\t// When overlaying content\n\t&--overlaying {\n\t\tbottom: calc(100% - 10px);\n\t\tbox-shadow: 0 1px 1px 0 color-mix(in srgb, var(--zds-color-grey-900) 25%, transparent);\n\t\tleft: calc(100% - 10px);\n\t\tposition: absolute;\n\t}\n\n\t// Special case when overlaying a zds-icon\n\t&--overlaying-icon {\n\t\tbottom: calc(100% - 16px);\n\t\tleft: calc(100% - 13px);\n\t}\n\n\t// When overlaying content, if an empty badge\n\t&--empty.zds-badge__badge--overlaying {\n\t\tbottom: calc(100% - var(--zds-badge-empty-size) / 2);\n\t\tleft: calc(100% - var(--zds-badge-empty-size) / 2);\n\t}\n\n\t// Special case when overlaying a zds-icon, if an empty badge\n\t&--empty.zds-badge__badge--overlaying-icon {\n\t\tbottom: calc(100% - var(--zds-badge-empty-size) * 0.5 - 6px);\n\t\tleft: calc(100% - var(--zds-badge-empty-size) * 0.5 - 3px);\n\t}\n}\n","import { Component, Element, Prop, h, State } from '@stencil/core';\nimport { ZdsColors } from '@zig-design-system/design-tokens/dist/private/colors';\nimport Bind from 'bind-decorator';\nimport { ZdsTextColors } from '../../types';\nimport { generateCssClasses } from '../../utils/generate-css-classes';\nimport { createMutationObserver } from '../../utils/mutation-observer';\nimport { getSlottedElements } from '../../utils/slotted';\n\n@Component({\n\tshadow: true,\n\tstyleUrl: 'zds-badge.scss',\n\ttag: 'zds-badge',\n})\nexport class ZdsBadge {\n\tdynamicRoundingElement: HTMLZdsDynamicRoundingElement;\n\tmutationObserver: MutationObserver;\n\tdefaultSlotElement: HTMLSlotElement;\n\toverlayedSlotElement: HTMLSlotElement;\n\n\t@Prop({ reflect: true }) color: ZdsColors | ZdsTextColors = 'primary';\n\t@Prop() offsetX: number;\n\t@Prop() offsetY: number;\n\t@Prop() outlined: boolean = false;\n\t@Prop({ reflect: true }) pill: boolean;\n\n\t@State() hasBadgeContent: boolean;\n\t@State() hasOverlayedContent: boolean;\n\t@State() isOverlayedContentIcon: boolean;\n\n\t@Element() hostElement: HTMLZdsMapMarkerElement;\n\n\tconnectedCallback() {\n\t\tthis.mutationObserver = createMutationObserver(this.hostElement, this.handleMutation);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.mutationObserver?.disconnect();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.updateContentVariables();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t