botframework-webchat-component 4.18.0 → 4.18.1-hotfix.20260127.b53acdf

package/dist/botframework-webchat-component.decorator.css

@@ -0,0 +1,3 @@
+@property --webchat-decorator-borderFlair-animated-angle{inherits: true; initial-value: 0; syntax: "<number>";}@property --webchat-decorator-borderFlair-animated-color1{inherits: true; initial-value: transparent; syntax: "<color>";}@property --webchat-decorator-borderFlair-animated-color2{inherits: true; initial-value: transparent; syntax: "<color>";}@property --webchat-decorator-borderFlair-animated-color3{inherits: true; initial-value: transparent; syntax: "<color>";}@keyframes r{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes a{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes e{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes o{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .t{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient( calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3) );--webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box, linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;animation:r 2s linear 0ms forwards,a 1.2s linear 0ms forwards,e 1.2s linear .2s forwards,o 1.2s linear .4s forwards;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;inset:0;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);mask-composite:intersect;pointer-events:none;position:absolute}.webchat .b{animation-play-state:paused}@supports (-moz-appearance: none){@keyframes d{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .t{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix( in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade) );--webchat-decorator-borderFlair-animated-color2: color-mix( in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade) );--webchat-decorator-borderFlair-animated-color3: color-mix( in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade) );animation:d 2s linear forwards}}@keyframes c{0%{left:-33%;width:33%}to{left:100%;width:33%}}.webchat .i{border-radius:inherit}.webchat .l{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);position:relative;width:100%}.webchat .n{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);animation:c 3s linear infinite;background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);inset:0;isolation:isolate;position:absolute;width:100%}
+/*! For license information please see botframework-webchat-component.decorator.css.LEGAL.txt */
+/*# sourceMappingURL=botframework-webchat-component.decorator.css.map */

package/dist/botframework-webchat-component.decorator.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/decorator/private/BorderFlair.module.css","../src/decorator/private/BorderLoader.module.css"],"sourcesContent":["@property --webchat-decorator-borderFlair-animated-angle {\n  inherits: true;\n  initial-value: 0;\n  syntax: '<number>';\n}\n\n@property --webchat-decorator-borderFlair-animated-color1 {\n  inherits: true;\n  initial-value: transparent;\n  syntax: '<color>';\n}\n\n@property --webchat-decorator-borderFlair-animated-color2 {\n  inherits: true;\n  initial-value: transparent;\n  syntax: '<color>';\n}\n\n@property --webchat-decorator-borderFlair-animated-color3 {\n  inherits: true;\n  initial-value: transparent;\n  syntax: '<color>';\n}\n\n@keyframes borderAnimation-angle {\n  0% {\n    --webchat-decorator-borderFlair-animated-angle: 0.75;\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-angle: 2.75;\n  }\n}\n\n@keyframes borderAnimation-color1 {\n  0% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade);\n  }\n\n  33% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1);\n  }\n\n  83% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1);\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade);\n  }\n}\n\n@keyframes borderAnimation-color2 {\n  0% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade);\n  }\n\n  33% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2);\n  }\n\n  83% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2);\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade);\n  }\n}\n\n@keyframes borderAnimation-color3 {\n  0% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade);\n  }\n\n  33% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3);\n  }\n\n  83% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3);\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade);\n  }\n}\n\n:global(.webchat) .border-flair {\n  /* Configurable variables */\n  --webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));\n  --webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));\n  --webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));\n  --webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);\n  --webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);\n  --webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);\n  --webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);\n\n  /* Helper variables */\n  --webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));\n  --webchat-decorator-borderFlair-borderGradient: linear-gradient(\n    calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg),\n    var(--webchat-decorator-borderFlair-animated-color1),\n    var(--webchat-decorator-borderFlair-animated-color2),\n    var(--webchat-decorator-borderFlair-animated-color3)\n  );\n  --webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box,\n    linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;\n\n  animation:\n    borderAnimation-angle 2000ms linear 0ms forwards,\n    borderAnimation-color1 1200ms linear 0ms forwards,\n    borderAnimation-color2 1200ms linear 200ms forwards,\n    borderAnimation-color3 1200ms linear 400ms forwards;\n  background: var(--webchat-decorator-borderFlair-borderGradient) center center /\n    var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);\n  border: var(--webchat-decorator-borderFlair-borderSize) solid transparent;\n  border-radius: inherit;\n  inset: 0;\n  isolation: isolate;\n  -webkit-mask: var(--webchat-decorator-borderFlair-borderMask);\n  -webkit-mask-composite: clear;\n  mask: var(--webchat-decorator-borderFlair-borderMask);\n  mask-composite: intersect;\n  pointer-events: none;\n  position: absolute;\n}\n\n:global(.webchat) .border-flair--complete {\n  animation-play-state: paused;\n}\n\n/* Firefox implementation */\n@supports (-moz-appearance: none) {\n  @keyframes borderFlair-animation {\n    0% {\n      --webchat-decorator-borderFlair-animated: 0;\n    }\n\n    1% {\n      --webchat-decorator-borderFlair-animated: 0.01;\n    }\n\n    2% {\n      --webchat-decorator-borderFlair-animated: 0.02;\n    }\n\n    3% {\n      --webchat-decorator-borderFlair-animated: 0.03;\n    }\n\n    4% {\n      --webchat-decorator-borderFlair-animated: 0.04;\n    }\n\n    5% {\n      --webchat-decorator-borderFlair-animated: 0.05;\n    }\n\n    6% {\n      --webchat-decorator-borderFlair-animated: 0.06;\n    }\n\n    7% {\n      --webchat-decorator-borderFlair-animated: 0.07;\n    }\n\n    8% {\n      --webchat-decorator-borderFlair-animated: 0.08;\n    }\n\n    9% {\n      --webchat-decorator-borderFlair-animated: 0.09;\n    }\n\n    10% {\n      --webchat-decorator-borderFlair-animated: 0.1;\n    }\n\n    11% {\n      --webchat-decorator-borderFlair-animated: 0.11;\n    }\n\n    12% {\n      --webchat-decorator-borderFlair-animated: 0.12;\n    }\n\n    13% {\n      --webchat-decorator-borderFlair-animated: 0.13;\n    }\n\n    14% {\n      --webchat-decorator-borderFlair-animated: 0.14;\n    }\n\n    15% {\n      --webchat-decorator-borderFlair-animated: 0.15;\n    }\n\n    16% {\n      --webchat-decorator-borderFlair-animated: 0.16;\n    }\n\n    17% {\n      --webchat-decorator-borderFlair-animated: 0.17;\n    }\n\n    18% {\n      --webchat-decorator-borderFlair-animated: 0.18;\n    }\n\n    19% {\n      --webchat-decorator-borderFlair-animated: 0.19;\n    }\n\n    20% {\n      --webchat-decorator-borderFlair-animated: 0.2;\n    }\n\n    21% {\n      --webchat-decorator-borderFlair-animated: 0.21;\n    }\n\n    22% {\n      --webchat-decorator-borderFlair-animated: 0.22;\n    }\n\n    23% {\n      --webchat-decorator-borderFlair-animated: 0.23;\n    }\n\n    24% {\n      --webchat-decorator-borderFlair-animated: 0.24;\n    }\n\n    25% {\n      --webchat-decorator-borderFlair-animated: 0.25;\n    }\n\n    26% {\n      --webchat-decorator-borderFlair-animated: 0.26;\n    }\n\n    27% {\n      --webchat-decorator-borderFlair-animated: 0.27;\n    }\n\n    28% {\n      --webchat-decorator-borderFlair-animated: 0.28;\n    }\n\n    29% {\n      --webchat-decorator-borderFlair-animated: 0.29;\n    }\n\n    30% {\n      --webchat-decorator-borderFlair-animated: 0.3;\n    }\n\n    31% {\n      --webchat-decorator-borderFlair-animated: 0.31;\n    }\n\n    32% {\n      --webchat-decorator-borderFlair-animated: 0.32;\n    }\n\n    33% {\n      --webchat-decorator-borderFlair-animated: 0.33;\n    }\n\n    34% {\n      --webchat-decorator-borderFlair-animated: 0.34;\n    }\n\n    35% {\n      --webchat-decorator-borderFlair-animated: 0.35;\n    }\n\n    36% {\n      --webchat-decorator-borderFlair-animated: 0.36;\n    }\n\n    37% {\n      --webchat-decorator-borderFlair-animated: 0.37;\n    }\n\n    38% {\n      --webchat-decorator-borderFlair-animated: 0.38;\n    }\n\n    39% {\n      --webchat-decorator-borderFlair-animated: 0.39;\n    }\n\n    40% {\n      --webchat-decorator-borderFlair-animated: 0.4;\n    }\n\n    41% {\n      --webchat-decorator-borderFlair-animated: 0.41;\n    }\n\n    42% {\n      --webchat-decorator-borderFlair-animated: 0.42;\n    }\n\n    43% {\n      --webchat-decorator-borderFlair-animated: 0.43;\n    }\n\n    44% {\n      --webchat-decorator-borderFlair-animated: 0.44;\n    }\n\n    45% {\n      --webchat-decorator-borderFlair-animated: 0.45;\n    }\n\n    46% {\n      --webchat-decorator-borderFlair-animated: 0.46;\n    }\n\n    47% {\n      --webchat-decorator-borderFlair-animated: 0.47;\n    }\n\n    48% {\n      --webchat-decorator-borderFlair-animated: 0.48;\n    }\n\n    49% {\n      --webchat-decorator-borderFlair-animated: 0.49;\n    }\n\n    50% {\n      --webchat-decorator-borderFlair-animated: 0.5;\n    }\n\n    51% {\n      --webchat-decorator-borderFlair-animated: 0.51;\n    }\n\n    52% {\n      --webchat-decorator-borderFlair-animated: 0.52;\n    }\n\n    53% {\n      --webchat-decorator-borderFlair-animated: 0.53;\n    }\n\n    54% {\n      --webchat-decorator-borderFlair-animated: 0.54;\n    }\n\n    55% {\n      --webchat-decorator-borderFlair-animated: 0.55;\n    }\n\n    56% {\n      --webchat-decorator-borderFlair-animated: 0.56;\n    }\n\n    57% {\n      --webchat-decorator-borderFlair-animated: 0.57;\n    }\n\n    58% {\n      --webchat-decorator-borderFlair-animated: 0.58;\n    }\n\n    59% {\n      --webchat-decorator-borderFlair-animated: 0.59;\n    }\n\n    60% {\n      --webchat-decorator-borderFlair-animated: 0.6;\n    }\n\n    61% {\n      --webchat-decorator-borderFlair-animated: 0.61;\n    }\n\n    62% {\n      --webchat-decorator-borderFlair-animated: 0.62;\n    }\n\n    63% {\n      --webchat-decorator-borderFlair-animated: 0.63;\n    }\n\n    64% {\n      --webchat-decorator-borderFlair-animated: 0.64;\n    }\n\n    65% {\n      --webchat-decorator-borderFlair-animated: 0.65;\n    }\n\n    66% {\n      --webchat-decorator-borderFlair-animated: 0.66;\n    }\n\n    67% {\n      --webchat-decorator-borderFlair-animated: 0.67;\n    }\n\n    68% {\n      --webchat-decorator-borderFlair-animated: 0.68;\n    }\n\n    69% {\n      --webchat-decorator-borderFlair-animated: 0.69;\n    }\n\n    70% {\n      --webchat-decorator-borderFlair-animated: 0.7;\n    }\n\n    71% {\n      --webchat-decorator-borderFlair-animated: 0.71;\n    }\n\n    72% {\n      --webchat-decorator-borderFlair-animated: 0.72;\n    }\n\n    73% {\n      --webchat-decorator-borderFlair-animated: 0.73;\n    }\n\n    74% {\n      --webchat-decorator-borderFlair-animated: 0.74;\n    }\n\n    75% {\n      --webchat-decorator-borderFlair-animated: 0.75;\n    }\n\n    76% {\n      --webchat-decorator-borderFlair-animated: 0.76;\n    }\n\n    77% {\n      --webchat-decorator-borderFlair-animated: 0.77;\n    }\n\n    78% {\n      --webchat-decorator-borderFlair-animated: 0.78;\n    }\n\n    79% {\n      --webchat-decorator-borderFlair-animated: 0.79;\n    }\n\n    80% {\n      --webchat-decorator-borderFlair-animated: 0.8;\n    }\n\n    81% {\n      --webchat-decorator-borderFlair-animated: 0.81;\n    }\n\n    82% {\n      --webchat-decorator-borderFlair-animated: 0.82;\n    }\n\n    83% {\n      --webchat-decorator-borderFlair-animated: 0.83;\n    }\n\n    84% {\n      --webchat-decorator-borderFlair-animated: 0.84;\n    }\n\n    85% {\n      --webchat-decorator-borderFlair-animated: 0.85;\n    }\n\n    86% {\n      --webchat-decorator-borderFlair-animated: 0.86;\n    }\n\n    87% {\n      --webchat-decorator-borderFlair-animated: 0.87;\n    }\n\n    88% {\n      --webchat-decorator-borderFlair-animated: 0.88;\n    }\n\n    89% {\n      --webchat-decorator-borderFlair-animated: 0.89;\n    }\n\n    90% {\n      --webchat-decorator-borderFlair-animated: 0.9;\n    }\n\n    91% {\n      --webchat-decorator-borderFlair-animated: 0.91;\n    }\n\n    92% {\n      --webchat-decorator-borderFlair-animated: 0.92;\n    }\n\n    93% {\n      --webchat-decorator-borderFlair-animated: 0.93;\n    }\n\n    94% {\n      --webchat-decorator-borderFlair-animated: 0.94;\n    }\n\n    95% {\n      --webchat-decorator-borderFlair-animated: 0.95;\n    }\n\n    96% {\n      --webchat-decorator-borderFlair-animated: 0.96;\n    }\n\n    97% {\n      --webchat-decorator-borderFlair-animated: 0.97;\n    }\n\n    98% {\n      --webchat-decorator-borderFlair-animated: 0.98;\n    }\n\n    99% {\n      --webchat-decorator-borderFlair-animated: 0.99;\n    }\n\n    100% {\n      --webchat-decorator-borderFlair-animated: 1;\n    }\n  }\n\n  :global(.webchat) .border-flair {\n    --webchat-decorator-borderFlair-animated-angle: calc(0.75 + 2 * var(--webchat-decorator-borderFlair-animated));\n    --webchat-decorator-borderFlair-animated-color1: color-mix(\n      in srgb,\n      var(--webchat-decorator-borderFlair-color1)\n        calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5)) * 100%),\n      var(--webchat-decorator-borderFlair-color1Fade)\n    );\n    --webchat-decorator-borderFlair-animated-color2: color-mix(\n      in srgb,\n      var(--webchat-decorator-borderFlair-color2)\n        calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75)) * 100%),\n      var(--webchat-decorator-borderFlair-color2Fade)\n    );\n    --webchat-decorator-borderFlair-animated-color3: color-mix(\n      in srgb,\n      var(--webchat-decorator-borderFlair-color3)\n        calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2)) * 100%),\n      var(--webchat-decorator-borderFlair-color3Fade)\n    );\n\n    animation: borderFlair-animation 2000ms linear forwards;\n  }\n}\n","@keyframes borderAnimation-position {\n  0% {\n    left: -33%;\n    width: 33%;\n  }\n\n  100% {\n    left: 100%;\n    width: 33%;\n  }\n}\n\n:global(.webchat) .border-loader {\n  border-radius: inherit;\n}\n\n:global(.webchat) .border-loader__track {\n  --webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);\n\n  background-color: var(--webchat-colorNeutralBackground6, #e6e6e6);\n  height: var(--webchat-decorator-borderLoader-borderSize);\n  position: relative;\n  width: 100%;\n}\n\n:global(.webchat) .border-loader__loader {\n  --webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));\n  --webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));\n  --webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));\n  --webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);\n  --webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);\n\n  animation: borderAnimation-position 3s linear infinite;\n  background: linear-gradient(\n      90deg,\n      var(--webchat-decorator-borderLoader-color1Fade) 0%,\n      var(--webchat-decorator-borderLoader-color1) 35%,\n      var(--webchat-decorator-borderLoader-color2) 70%,\n      var(--webchat-decorator-borderLoader-color3) 92%,\n      var(--webchat-decorator-borderLoader-color3Fade)\n    )\n    no-repeat;\n  height: var(--webchat-decorator-borderLoader-borderSize);\n  inset: 0;\n  isolation: isolate;\n  position: absolute;\n  width: 100%;\n}\n"],"mappings":"AAAA,UAAU,8CAA+C,CACvD,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,CAAC,EAChB,MAAM,EAAE,UAAU,EAGpB,UAAU,+CAAgD,CACxD,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,WAAW,EAC1B,MAAM,EAAE,SAAS,EAGnB,UAAU,+CAAgD,CACxD,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,WAAW,EAC1B,MAAM,EAAE,SAAS,EAGnB,UAAU,+CAAgD,CACxD,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,WAAW,EAC1B,MAAM,EAAE,SAAS,EAGnB,WAAWA,EACT,GACE,gDAAgD,GAClD,CAEA,GACE,gDAAgD,IAClD,CACF,CAEA,WAAWC,EACT,GACE,iDAAiD,IAAI,2CACvD,CAEA,IACE,iDAAiD,IAAI,uCACvD,CAEA,IACE,iDAAiD,IAAI,uCACvD,CAEA,GACE,iDAAiD,IAAI,2CACvD,CACF,CAEA,WAAWC,EACT,GACE,iDAAiD,IAAI,2CACvD,CAEA,IACE,iDAAiD,IAAI,uCACvD,CAEA,IACE,iDAAiD,IAAI,uCACvD,CAEA,GACE,iDAAiD,IAAI,2CACvD,CACF,CAEA,WAAWC,EACT,GACE,iDAAiD,IAAI,2CACvD,CAEA,IACE,iDAAiD,IAAI,uCACvD,CAEA,IACE,iDAAiD,IAAI,uCACvD,CAEA,GACE,iDAAiD,IAAI,2CACvD,CACF,CAEQ,CAAC,QAAS,CAACC,EAEjB,wCAAwC,IAAI,4BAA4B,EAAE,IAAI,uCAC9E,wCAAwC,IAAI,4BAA4B,EAAE,IAAI,uCAC9E,wCAAwC,IAAI,4BAA4B,EAAE,IAAI,uCAC9E,4CAA4C,IAAI,gCAAgC,EAAE,aAClF,4CAA4C,IAAI,gCAAgC,EAAE,aAClF,4CAA4C,IAAI,gCAAgC,EAAE,aAClF,4CAA4C,IAAI,gCAAgC,EAAE,KAGlF,gDAAgD,KAAK,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,8CACrE,gDAAgD,iBAC9C,KAAK,IAAI,gDAAgD,EAAE,OAAO,EAAE,MAAM,EAC1E,IAAI,gDAAgD,EACpD,IAAI,gDAAgD,EACpD,IAAI,mDAEN,4CAA4C,gBAAgB,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,IAAI,WAAW,EAC7G,gBAAgB,IAAI,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,WAElD,UACE,EAAsB,GAAO,OAAO,IAAI,QAAQ,CAChD,EAAuB,KAAO,OAAO,IAAI,QAAQ,CACjD,EAAuB,KAAO,OAAO,IAAM,QAAQ,CACnD,EAAuB,KAAO,OAAO,IAAM,SAC7C,WAAY,IAAI,gDAAgD,OAAO,OAAO,EAC5E,IAAI,gDAAgD,IAAI,gDAC1D,OAAQ,IAAI,4CAA4C,MAAM,YAC9D,cAAe,QArHjB,MAsHS,EACP,UAAW,QACX,aAAc,IAAI,4CAClB,uBAAwB,MACxB,KAAM,IAAI,4CACV,eAAgB,UAChB,eAAgB,KAChB,SAAU,QACZ,CAEQ,CAxCC,QAwCS,CAACC,EACjB,qBAAsB,MACxB,CAGA,UAAU,CAAC,eAAe,EAAE,MAC1B,WAAWC,EACT,GACE,0CAA0C,CAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,EAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,IACE,0CAA0C,GAC5C,CAEA,GACE,0CAA0C,CAC5C,CACF,CAEQ,CApcD,QAocW,CApcDF,EAqcf,gDAAgD,KAAK,IAAK,EAAE,EAAE,EAAE,IAAI,2CACpE,iDAAiD,WAC/C,GAAG,IAAI,EACP,IAAI,wCACF,KAAM,GAAE,EAAE,IAAI,IAAI,0CAA0C,EAAE,EAAE,EAAE,KAAM,CAAE,MAAK,EACjF,IAAI,8CAEN,iDAAiD,WAC/C,GAAG,IAAI,EACP,IAAI,wCACF,KAAM,GAAE,EAAE,IAAI,IAAI,0CAA0C,EAAE,EAAE,EAAE,MAAO,CAAE,MAAK,EAClF,IAAI,8CAEN,iDAAiD,WAC/C,GAAG,IAAI,EACP,IAAI,wCACF,KAAM,GAAE,EAAE,IAAI,IAAI,0CAA0C,EAAE,EAAE,EAAE,GAAI,CAAE,MAAK,EAC/E,IAAI,8CAGN,UAAW,EAAsB,GAAO,OAAO,QACjD,CACF,CCnjBA,WAAWG,EACT,GACE,KAAM,KACN,MAAO,GACT,CAEA,GACE,KAAM,KACN,MAAO,GACT,CACF,CAEQ,CAAC,QAAS,CAACC,EACjB,cAAe,OACjB,CAEQ,CAJC,QAIS,CAACC,EACjB,6CAA6C,IAAI,iCAAiC,EAAE,KAEpF,iBAAkB,IAAI,iCAAiC,EAAE,SACzD,OAAQ,IAAI,6CACZ,SAAU,SACV,MAAO,IACT,CAEQ,CAbC,QAaS,CAACC,EACjB,yCAAyC,IAAI,6BAA6B,EAAE,IAAI,uCAChF,yCAAyC,IAAI,6BAA6B,EAAE,IAAI,uCAChF,yCAAyC,IAAI,6BAA6B,EAAE,IAAI,uCAChF,6CAA6C,IAAI,iCAAiC,EAAE,aACpF,6CAA6C,IAAI,iCAAiC,EAAE,aAEpF,UAAW,EAAyB,GAAG,OAAO,SAC9C,WAAY,gBACR,KAAK,CACL,IAAI,6CAA6C,EAAE,CACnD,IAAI,yCAAyC,GAAG,CAChD,IAAI,yCAAyC,GAAG,CAChD,IAAI,yCAAyC,GAAG,CAChD,IAAI,8CAEN,UACF,OAAQ,IAAI,6CA1Cd,MA2CS,EACP,UAAW,QACX,SAAU,SACV,MAAO,IACT","names":["borderAnimation-angle","borderAnimation-color1","borderAnimation-color2","borderAnimation-color3","border-flair","border-flair--complete","borderFlair-animation","borderAnimation-position","border-loader","border-loader__track","border-loader__loader"]}

package/dist/botframework-webchat-component.decorator.d.mts

@@ -0,0 +1,9 @@
+import react__default, { ReactNode } from 'react';
+
+type WebChatDecoratorProps = Readonly<{
+    readonly children?: ReactNode | undefined;
+}>;
+declare function WebChatDecorator({ children }: WebChatDecoratorProps): react__default.JSX.Element;
+declare const _default: react__default.MemoExoticComponent<typeof WebChatDecorator>;
+
+export { _default as WebChatDecorator };

package/dist/botframework-webchat-component.decorator.d.ts

@@ -0,0 +1,9 @@
+import react__default, { ReactNode } from 'react';
+
+type WebChatDecoratorProps = Readonly<{
+    readonly children?: ReactNode | undefined;
+}>;
+declare function WebChatDecorator({ children }: WebChatDecoratorProps): react__default.JSX.Element;
+declare const _default: react__default.MemoExoticComponent<typeof WebChatDecorator>;
+
+export { _default as WebChatDecorator };

package/dist/botframework-webchat-component.decorator.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkO4CKKYSKjs = require('./chunk-O4CKKYSK.js');require('./chunk-XOE3AOSM.js');var _decorator = require('botframework-webchat-api/decorator');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);function u(r){return _react.useMemo.call(void 0, ()=>Object.freeze(Object.fromEntries(Object.entries(r).map(([a,e])=>[a,`${a} ${e}`]))),[r])}var o=u;var t={"borderAnimation-angle":"r","borderAnimation-color1":"a","borderAnimation-color2":"e","borderAnimation-color3":"o","border-flair":"t","border-flair--complete":"b","borderFlair-animation":"d"};function C({children:r}){let a=o(t),[e,p]=_react.useState.call(void 0, !1),v=_react.useCallback.call(void 0, c=>(c.animationName===t["borderAnimation-angle"]||c.animationName===t["borderFlair-animation"])&&p(!0),[]);return _react2.default.createElement(_react.Fragment,null,r,_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["border-flair"],e&&a["border-flair--complete"]),onAnimationEnd:v}))}var n=_react.memo.call(void 0, C);var m={"borderAnimation-position":"c","border-loader":"i","border-loader__track":"l","border-loader__loader":"n"};function z({children:r}){let a=o(m);return _react2.default.createElement("div",{className:a["border-loader"]},r,_react2.default.createElement("div",{className:a["border-loader__track"]},_react2.default.createElement("div",{className:a["border-loader__loader"]})))}var h=_react.memo.call(void 0, z);var A="@property --webchat-decorator-borderFlair-animated-angle{inherits: true; initial-value: 0; syntax: \"<number>\";}@property --webchat-decorator-borderFlair-animated-color1{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color2{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color3{inherits: true; initial-value: transparent; syntax: \"<color>\";}@keyframes r{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes a{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes e{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes o{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .t{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient( calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3) );--webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box, linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;animation:r 2s linear 0ms forwards,a 1.2s linear 0ms forwards,e 1.2s linear .2s forwards,o 1.2s linear .4s forwards;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;inset:0;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);mask-composite:intersect;pointer-events:none;position:absolute}.webchat .b{animation-play-state:paused}@supports (-moz-appearance: none){@keyframes d{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .t{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix( in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade) );--webchat-decorator-borderFlair-animated-color2: color-mix( in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade) );--webchat-decorator-borderFlair-animated-color3: color-mix( in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade) );animation:d 2s linear forwards}}@keyframes c{0%{left:-33%;width:33%}to{left:100%;width:33%}}.webchat .i{border-radius:inherit}.webchat .l{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);position:relative;width:100%}.webchat .n{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);animation:c 3s linear infinite;background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);inset:0;isolation:isolate;position:absolute;width:100%}\n/*! For license information please see botframework-webchat-component.decorator.css.LEGAL.txt */\n",w=_chunkO4CKKYSKjs.b.call(void 0, A);var D=w();function R({children:r}){return _react2.default.createElement(_chunkO4CKKYSKjs.c,{styles:D},r)}var F=_react.memo.call(void 0, R);var E=Object.freeze([r=>r==="activity border"&&(a=>e=>e.livestreamingState==="completing"?n:a(e)),r=>r==="activity border"&&(a=>e=>e.livestreamingState==="preparing"?h:a(e))]);function M({children:r}){return _react2.default.createElement(F,null,_react2.default.createElement(_decorator.DecoratorComposer,{middleware:E},r))}var B=_react.memo.call(void 0, M);exports.WebChatDecorator = B;
+/*! For license information please see botframework-webchat-component.decorator.js.LEGAL.txt */
+//# sourceMappingURL=botframework-webchat-component.decorator.js.map

package/dist/botframework-webchat-component.decorator.js.LEGAL.txt

@@ -0,0 +1 @@
+/*! For license information please see botframework-webchat-styles.react.mjs.LEGAL.txt */

package/dist/botframework-webchat-component.decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/__w/1/s/BotFramework-WebChat/packages/component/dist/botframework-webchat-component.decorator.js","../src/decorator/private/WebChatDecorator.tsx","../src/decorator/private/BorderFlair.tsx","../../styles/src/react/private/useStyles.ts"],"names":["useStyles","styles","useMemo","baseClassName","resultClassName"],"mappings":"AAAA,+NAA8C,+BAA4B,+DCAd,4EAChB,gGCA7B,SCCNA,CAAAA,CAAsCC,CAAAA,CAAc,CAE3D,OAAOC,4BAAAA,CACL,CAAA,EACE,MAAA,CAAO,MAAA,CACL,MAAA,CAAO,WAAA,CACL,MAAA,CAAO,OAAA,CAAQD,CAAM,CAAA,CAAE,GAAA,CAAI,CAAC,CAACE,CAAAA,CAAeC,CAAe,CAAA,CAAA,EAAM,CAC/DD,CAAAA,CACA,CAAA,EAAA;AHT4Y","file":"/__w/1/s/BotFramework-WebChat/packages/component/dist/botframework-webchat-component.decorator.js","sourcesContent":[null,"import { DecoratorComposer, type DecoratorMiddleware } from 'botframework-webchat-api/decorator';\nimport React, { memo, type ReactNode } from 'react';\n\nimport BorderFlair from './BorderFlair';\nimport BorderLoader from './BorderLoader';\nimport WebChatTheme from './WebChatTheme';\n\nconst middleware: readonly DecoratorMiddleware[] = Object.freeze([\n  init =>\n    init === 'activity border' &&\n    (next => request => (request.livestreamingState === 'completing' ? BorderFlair : next(request))),\n  init =>\n    init === 'activity border' &&\n    (next => request => (request.livestreamingState === 'preparing' ? BorderLoader : next(request)))\n]);\n\ntype WebChatDecoratorProps = Readonly<{\n  readonly children?: ReactNode | undefined;\n}>;\n\nfunction WebChatDecorator({ children }: WebChatDecoratorProps) {\n  return (\n    <WebChatTheme>\n      <DecoratorComposer middleware={middleware}>{children}</DecoratorComposer>\n    </WebChatTheme>\n  );\n}\n\nexport default memo(WebChatDecorator);\nexport { type WebChatDecoratorProps };\n","import React, { Fragment, memo, useCallback, useState, type ReactNode } from 'react';\nimport cx from 'classnames';\nimport { useStyles } from 'botframework-webchat-styles/react';\n\nimport styles from './BorderFlair.module.css';\n\nfunction BorderFlair({ children }: Readonly<{ children?: ReactNode | undefined }>) {\n  const classNames = useStyles(styles);\n  const [isComplete, setComplete] = useState(false);\n\n  const handleAnimationEnd = useCallback(\n    event =>\n      (event.animationName === styles['borderAnimation-angle'] ||\n        event.animationName === styles['borderFlair-animation']) &&\n      setComplete(true),\n    []\n  );\n\n  return (\n    <Fragment>\n      {children}\n      <div\n        className={cx(classNames['border-flair'], isComplete && classNames['border-flair--complete'])}\n        onAnimationEnd={handleAnimationEnd}\n      />\n    </Fragment>\n  );\n}\n\nexport default memo(BorderFlair);\n","import { useMemo } from 'react';\n\nfunction useStyles<T extends CSSModuleClasses>(styles: T): T {\n  // @ts-expect-error: entries/fromEntries don't allow to specify keys type\n  return useMemo(\n    () =>\n      Object.freeze(\n        Object.fromEntries(\n          Object.entries(styles).map(([baseClassName, resultClassName]) => [\n            baseClassName,\n            `${baseClassName} ${resultClassName}`\n          ])\n        )\n      ),\n    [styles]\n  );\n}\n\nexport default useStyles;\n"]}

package/dist/botframework-webchat-component.decorator.mjs

@@ -0,0 +1,3 @@
+import{b as i,c as b}from"./chunk-TTVXUQC5.mjs";import"./chunk-HZWWJL43.mjs";import{DecoratorComposer as P}from"botframework-webchat-api/decorator";import s,{memo as O}from"react";import l,{Fragment as g,memo as k,useCallback as x,useState as L}from"react";import S from"classnames";import{useMemo as f}from"react";function u(r){return f(()=>Object.freeze(Object.fromEntries(Object.entries(r).map(([a,e])=>[a,`${a} ${e}`]))),[r])}var o=u;var t={"borderAnimation-angle":"r","borderAnimation-color1":"a","borderAnimation-color2":"e","borderAnimation-color3":"o","border-flair":"t","border-flair--complete":"b","borderFlair-animation":"d"};function C({children:r}){let a=o(t),[e,p]=L(!1),v=x(c=>(c.animationName===t["borderAnimation-angle"]||c.animationName===t["borderFlair-animation"])&&p(!0),[]);return l.createElement(g,null,r,l.createElement("div",{className:S(a["border-flair"],e&&a["border-flair--complete"]),onAnimationEnd:v}))}var n=k(C);import d,{memo as N}from"react";var m={"borderAnimation-position":"c","border-loader":"i","border-loader__track":"l","border-loader__loader":"n"};function z({children:r}){let a=o(m);return d.createElement("div",{className:a["border-loader"]},r,d.createElement("div",{className:a["border-loader__track"]},d.createElement("div",{className:a["border-loader__loader"]})))}var h=N(z);import T,{memo as W}from"react";var A="@property --webchat-decorator-borderFlair-animated-angle{inherits: true; initial-value: 0; syntax: \"<number>\";}@property --webchat-decorator-borderFlair-animated-color1{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color2{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color3{inherits: true; initial-value: transparent; syntax: \"<color>\";}@keyframes r{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes a{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes e{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes o{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .t{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient( calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3) );--webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box, linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;animation:r 2s linear 0ms forwards,a 1.2s linear 0ms forwards,e 1.2s linear .2s forwards,o 1.2s linear .4s forwards;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;inset:0;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);mask-composite:intersect;pointer-events:none;position:absolute}.webchat .b{animation-play-state:paused}@supports (-moz-appearance: none){@keyframes d{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .t{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix( in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade) );--webchat-decorator-borderFlair-animated-color2: color-mix( in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade) );--webchat-decorator-borderFlair-animated-color3: color-mix( in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade) );animation:d 2s linear forwards}}@keyframes c{0%{left:-33%;width:33%}to{left:100%;width:33%}}.webchat .i{border-radius:inherit}.webchat .l{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);position:relative;width:100%}.webchat .n{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);animation:c 3s linear infinite;background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);inset:0;isolation:isolate;position:absolute;width:100%}\n/*! For license information please see botframework-webchat-component.decorator.css.LEGAL.txt */\n",w=i(A);var D=w();function R({children:r}){return T.createElement(b,{styles:D},r)}var F=W(R);var E=Object.freeze([r=>r==="activity border"&&(a=>e=>e.livestreamingState==="completing"?n:a(e)),r=>r==="activity border"&&(a=>e=>e.livestreamingState==="preparing"?h:a(e))]);function M({children:r}){return s.createElement(F,null,s.createElement(P,{middleware:E},r))}var B=O(M);export{B as WebChatDecorator};
+/*! For license information please see botframework-webchat-component.decorator.mjs.LEGAL.txt */
+//# sourceMappingURL=botframework-webchat-component.decorator.mjs.map

package/dist/botframework-webchat-component.decorator.mjs.LEGAL.txt

@@ -0,0 +1 @@
+/*! For license information please see botframework-webchat-styles.react.mjs.LEGAL.txt */

package/dist/botframework-webchat-component.decorator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/decorator/private/WebChatDecorator.tsx","../src/decorator/private/BorderFlair.tsx","../../styles/src/react/private/useStyles.ts","../src/decorator/private/BorderFlair.module.css","../src/decorator/private/BorderLoader.tsx","../src/decorator/private/BorderLoader.module.css","../src/decorator/private/WebChatTheme.tsx","../src/decorator/private/createStyles.ts"],"sourcesContent":["import { DecoratorComposer, type DecoratorMiddleware } from 'botframework-webchat-api/decorator';\nimport React, { memo, type ReactNode } from 'react';\n\nimport BorderFlair from './BorderFlair';\nimport BorderLoader from './BorderLoader';\nimport WebChatTheme from './WebChatTheme';\n\nconst middleware: readonly DecoratorMiddleware[] = Object.freeze([\n  init =>\n    init === 'activity border' &&\n    (next => request => (request.livestreamingState === 'completing' ? BorderFlair : next(request))),\n  init =>\n    init === 'activity border' &&\n    (next => request => (request.livestreamingState === 'preparing' ? BorderLoader : next(request)))\n]);\n\ntype WebChatDecoratorProps = Readonly<{\n  readonly children?: ReactNode | undefined;\n}>;\n\nfunction WebChatDecorator({ children }: WebChatDecoratorProps) {\n  return (\n    <WebChatTheme>\n      <DecoratorComposer middleware={middleware}>{children}</DecoratorComposer>\n    </WebChatTheme>\n  );\n}\n\nexport default memo(WebChatDecorator);\nexport { type WebChatDecoratorProps };\n","import React, { Fragment, memo, useCallback, useState, type ReactNode } from 'react';\nimport cx from 'classnames';\nimport { useStyles } from 'botframework-webchat-styles/react';\n\nimport styles from './BorderFlair.module.css';\n\nfunction BorderFlair({ children }: Readonly<{ children?: ReactNode | undefined }>) {\n  const classNames = useStyles(styles);\n  const [isComplete, setComplete] = useState(false);\n\n  const handleAnimationEnd = useCallback(\n    event =>\n      (event.animationName === styles['borderAnimation-angle'] ||\n        event.animationName === styles['borderFlair-animation']) &&\n      setComplete(true),\n    []\n  );\n\n  return (\n    <Fragment>\n      {children}\n      <div\n        className={cx(classNames['border-flair'], isComplete && classNames['border-flair--complete'])}\n        onAnimationEnd={handleAnimationEnd}\n      />\n    </Fragment>\n  );\n}\n\nexport default memo(BorderFlair);\n","import { useMemo } from 'react';\n\nfunction useStyles<T extends CSSModuleClasses>(styles: T): T {\n  // @ts-expect-error: entries/fromEntries don't allow to specify keys type\n  return useMemo(\n    () =>\n      Object.freeze(\n        Object.fromEntries(\n          Object.entries(styles).map(([baseClassName, resultClassName]) => [\n            baseClassName,\n            `${baseClassName} ${resultClassName}`\n          ])\n        )\n      ),\n    [styles]\n  );\n}\n\nexport default useStyles;\n","@property --webchat-decorator-borderFlair-animated-angle {\n  inherits: true;\n  initial-value: 0;\n  syntax: '<number>';\n}\n\n@property --webchat-decorator-borderFlair-animated-color1 {\n  inherits: true;\n  initial-value: transparent;\n  syntax: '<color>';\n}\n\n@property --webchat-decorator-borderFlair-animated-color2 {\n  inherits: true;\n  initial-value: transparent;\n  syntax: '<color>';\n}\n\n@property --webchat-decorator-borderFlair-animated-color3 {\n  inherits: true;\n  initial-value: transparent;\n  syntax: '<color>';\n}\n\n@keyframes borderAnimation-angle {\n  0% {\n    --webchat-decorator-borderFlair-animated-angle: 0.75;\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-angle: 2.75;\n  }\n}\n\n@keyframes borderAnimation-color1 {\n  0% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade);\n  }\n\n  33% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1);\n  }\n\n  83% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1);\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade);\n  }\n}\n\n@keyframes borderAnimation-color2 {\n  0% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade);\n  }\n\n  33% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2);\n  }\n\n  83% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2);\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade);\n  }\n}\n\n@keyframes borderAnimation-color3 {\n  0% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade);\n  }\n\n  33% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3);\n  }\n\n  83% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3);\n  }\n\n  100% {\n    --webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade);\n  }\n}\n\n:global(.webchat) .border-flair {\n  /* Configurable variables */\n  --webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));\n  --webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));\n  --webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));\n  --webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);\n  --webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);\n  --webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);\n  --webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);\n\n  /* Helper variables */\n  --webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));\n  --webchat-decorator-borderFlair-borderGradient: linear-gradient(\n    calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg),\n    var(--webchat-decorator-borderFlair-animated-color1),\n    var(--webchat-decorator-borderFlair-animated-color2),\n    var(--webchat-decorator-borderFlair-animated-color3)\n  );\n  --webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box,\n    linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;\n\n  animation:\n    borderAnimation-angle 2000ms linear 0ms forwards,\n    borderAnimation-color1 1200ms linear 0ms forwards,\n    borderAnimation-color2 1200ms linear 200ms forwards,\n    borderAnimation-color3 1200ms linear 400ms forwards;\n  background: var(--webchat-decorator-borderFlair-borderGradient) center center /\n    var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);\n  border: var(--webchat-decorator-borderFlair-borderSize) solid transparent;\n  border-radius: inherit;\n  inset: 0;\n  isolation: isolate;\n  -webkit-mask: var(--webchat-decorator-borderFlair-borderMask);\n  -webkit-mask-composite: clear;\n  mask: var(--webchat-decorator-borderFlair-borderMask);\n  mask-composite: intersect;\n  pointer-events: none;\n  position: absolute;\n}\n\n:global(.webchat) .border-flair--complete {\n  animation-play-state: paused;\n}\n\n/* Firefox implementation */\n@supports (-moz-appearance: none) {\n  @keyframes borderFlair-animation {\n    0% {\n      --webchat-decorator-borderFlair-animated: 0;\n    }\n\n    1% {\n      --webchat-decorator-borderFlair-animated: 0.01;\n    }\n\n    2% {\n      --webchat-decorator-borderFlair-animated: 0.02;\n    }\n\n    3% {\n      --webchat-decorator-borderFlair-animated: 0.03;\n    }\n\n    4% {\n      --webchat-decorator-borderFlair-animated: 0.04;\n    }\n\n    5% {\n      --webchat-decorator-borderFlair-animated: 0.05;\n    }\n\n    6% {\n      --webchat-decorator-borderFlair-animated: 0.06;\n    }\n\n    7% {\n      --webchat-decorator-borderFlair-animated: 0.07;\n    }\n\n    8% {\n      --webchat-decorator-borderFlair-animated: 0.08;\n    }\n\n    9% {\n      --webchat-decorator-borderFlair-animated: 0.09;\n    }\n\n    10% {\n      --webchat-decorator-borderFlair-animated: 0.1;\n    }\n\n    11% {\n      --webchat-decorator-borderFlair-animated: 0.11;\n    }\n\n    12% {\n      --webchat-decorator-borderFlair-animated: 0.12;\n    }\n\n    13% {\n      --webchat-decorator-borderFlair-animated: 0.13;\n    }\n\n    14% {\n      --webchat-decorator-borderFlair-animated: 0.14;\n    }\n\n    15% {\n      --webchat-decorator-borderFlair-animated: 0.15;\n    }\n\n    16% {\n      --webchat-decorator-borderFlair-animated: 0.16;\n    }\n\n    17% {\n      --webchat-decorator-borderFlair-animated: 0.17;\n    }\n\n    18% {\n      --webchat-decorator-borderFlair-animated: 0.18;\n    }\n\n    19% {\n      --webchat-decorator-borderFlair-animated: 0.19;\n    }\n\n    20% {\n      --webchat-decorator-borderFlair-animated: 0.2;\n    }\n\n    21% {\n      --webchat-decorator-borderFlair-animated: 0.21;\n    }\n\n    22% {\n      --webchat-decorator-borderFlair-animated: 0.22;\n    }\n\n    23% {\n      --webchat-decorator-borderFlair-animated: 0.23;\n    }\n\n    24% {\n      --webchat-decorator-borderFlair-animated: 0.24;\n    }\n\n    25% {\n      --webchat-decorator-borderFlair-animated: 0.25;\n    }\n\n    26% {\n      --webchat-decorator-borderFlair-animated: 0.26;\n    }\n\n    27% {\n      --webchat-decorator-borderFlair-animated: 0.27;\n    }\n\n    28% {\n      --webchat-decorator-borderFlair-animated: 0.28;\n    }\n\n    29% {\n      --webchat-decorator-borderFlair-animated: 0.29;\n    }\n\n    30% {\n      --webchat-decorator-borderFlair-animated: 0.3;\n    }\n\n    31% {\n      --webchat-decorator-borderFlair-animated: 0.31;\n    }\n\n    32% {\n      --webchat-decorator-borderFlair-animated: 0.32;\n    }\n\n    33% {\n      --webchat-decorator-borderFlair-animated: 0.33;\n    }\n\n    34% {\n      --webchat-decorator-borderFlair-animated: 0.34;\n    }\n\n    35% {\n      --webchat-decorator-borderFlair-animated: 0.35;\n    }\n\n    36% {\n      --webchat-decorator-borderFlair-animated: 0.36;\n    }\n\n    37% {\n      --webchat-decorator-borderFlair-animated: 0.37;\n    }\n\n    38% {\n      --webchat-decorator-borderFlair-animated: 0.38;\n    }\n\n    39% {\n      --webchat-decorator-borderFlair-animated: 0.39;\n    }\n\n    40% {\n      --webchat-decorator-borderFlair-animated: 0.4;\n    }\n\n    41% {\n      --webchat-decorator-borderFlair-animated: 0.41;\n    }\n\n    42% {\n      --webchat-decorator-borderFlair-animated: 0.42;\n    }\n\n    43% {\n      --webchat-decorator-borderFlair-animated: 0.43;\n    }\n\n    44% {\n      --webchat-decorator-borderFlair-animated: 0.44;\n    }\n\n    45% {\n      --webchat-decorator-borderFlair-animated: 0.45;\n    }\n\n    46% {\n      --webchat-decorator-borderFlair-animated: 0.46;\n    }\n\n    47% {\n      --webchat-decorator-borderFlair-animated: 0.47;\n    }\n\n    48% {\n      --webchat-decorator-borderFlair-animated: 0.48;\n    }\n\n    49% {\n      --webchat-decorator-borderFlair-animated: 0.49;\n    }\n\n    50% {\n      --webchat-decorator-borderFlair-animated: 0.5;\n    }\n\n    51% {\n      --webchat-decorator-borderFlair-animated: 0.51;\n    }\n\n    52% {\n      --webchat-decorator-borderFlair-animated: 0.52;\n    }\n\n    53% {\n      --webchat-decorator-borderFlair-animated: 0.53;\n    }\n\n    54% {\n      --webchat-decorator-borderFlair-animated: 0.54;\n    }\n\n    55% {\n      --webchat-decorator-borderFlair-animated: 0.55;\n    }\n\n    56% {\n      --webchat-decorator-borderFlair-animated: 0.56;\n    }\n\n    57% {\n      --webchat-decorator-borderFlair-animated: 0.57;\n    }\n\n    58% {\n      --webchat-decorator-borderFlair-animated: 0.58;\n    }\n\n    59% {\n      --webchat-decorator-borderFlair-animated: 0.59;\n    }\n\n    60% {\n      --webchat-decorator-borderFlair-animated: 0.6;\n    }\n\n    61% {\n      --webchat-decorator-borderFlair-animated: 0.61;\n    }\n\n    62% {\n      --webchat-decorator-borderFlair-animated: 0.62;\n    }\n\n    63% {\n      --webchat-decorator-borderFlair-animated: 0.63;\n    }\n\n    64% {\n      --webchat-decorator-borderFlair-animated: 0.64;\n    }\n\n    65% {\n      --webchat-decorator-borderFlair-animated: 0.65;\n    }\n\n    66% {\n      --webchat-decorator-borderFlair-animated: 0.66;\n    }\n\n    67% {\n      --webchat-decorator-borderFlair-animated: 0.67;\n    }\n\n    68% {\n      --webchat-decorator-borderFlair-animated: 0.68;\n    }\n\n    69% {\n      --webchat-decorator-borderFlair-animated: 0.69;\n    }\n\n    70% {\n      --webchat-decorator-borderFlair-animated: 0.7;\n    }\n\n    71% {\n      --webchat-decorator-borderFlair-animated: 0.71;\n    }\n\n    72% {\n      --webchat-decorator-borderFlair-animated: 0.72;\n    }\n\n    73% {\n      --webchat-decorator-borderFlair-animated: 0.73;\n    }\n\n    74% {\n      --webchat-decorator-borderFlair-animated: 0.74;\n    }\n\n    75% {\n      --webchat-decorator-borderFlair-animated: 0.75;\n    }\n\n    76% {\n      --webchat-decorator-borderFlair-animated: 0.76;\n    }\n\n    77% {\n      --webchat-decorator-borderFlair-animated: 0.77;\n    }\n\n    78% {\n      --webchat-decorator-borderFlair-animated: 0.78;\n    }\n\n    79% {\n      --webchat-decorator-borderFlair-animated: 0.79;\n    }\n\n    80% {\n      --webchat-decorator-borderFlair-animated: 0.8;\n    }\n\n    81% {\n      --webchat-decorator-borderFlair-animated: 0.81;\n    }\n\n    82% {\n      --webchat-decorator-borderFlair-animated: 0.82;\n    }\n\n    83% {\n      --webchat-decorator-borderFlair-animated: 0.83;\n    }\n\n    84% {\n      --webchat-decorator-borderFlair-animated: 0.84;\n    }\n\n    85% {\n      --webchat-decorator-borderFlair-animated: 0.85;\n    }\n\n    86% {\n      --webchat-decorator-borderFlair-animated: 0.86;\n    }\n\n    87% {\n      --webchat-decorator-borderFlair-animated: 0.87;\n    }\n\n    88% {\n      --webchat-decorator-borderFlair-animated: 0.88;\n    }\n\n    89% {\n      --webchat-decorator-borderFlair-animated: 0.89;\n    }\n\n    90% {\n      --webchat-decorator-borderFlair-animated: 0.9;\n    }\n\n    91% {\n      --webchat-decorator-borderFlair-animated: 0.91;\n    }\n\n    92% {\n      --webchat-decorator-borderFlair-animated: 0.92;\n    }\n\n    93% {\n      --webchat-decorator-borderFlair-animated: 0.93;\n    }\n\n    94% {\n      --webchat-decorator-borderFlair-animated: 0.94;\n    }\n\n    95% {\n      --webchat-decorator-borderFlair-animated: 0.95;\n    }\n\n    96% {\n      --webchat-decorator-borderFlair-animated: 0.96;\n    }\n\n    97% {\n      --webchat-decorator-borderFlair-animated: 0.97;\n    }\n\n    98% {\n      --webchat-decorator-borderFlair-animated: 0.98;\n    }\n\n    99% {\n      --webchat-decorator-borderFlair-animated: 0.99;\n    }\n\n    100% {\n      --webchat-decorator-borderFlair-animated: 1;\n    }\n  }\n\n  :global(.webchat) .border-flair {\n    --webchat-decorator-borderFlair-animated-angle: calc(0.75 + 2 * var(--webchat-decorator-borderFlair-animated));\n    --webchat-decorator-borderFlair-animated-color1: color-mix(\n      in srgb,\n      var(--webchat-decorator-borderFlair-color1)\n        calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5)) * 100%),\n      var(--webchat-decorator-borderFlair-color1Fade)\n    );\n    --webchat-decorator-borderFlair-animated-color2: color-mix(\n      in srgb,\n      var(--webchat-decorator-borderFlair-color2)\n        calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75)) * 100%),\n      var(--webchat-decorator-borderFlair-color2Fade)\n    );\n    --webchat-decorator-borderFlair-animated-color3: color-mix(\n      in srgb,\n      var(--webchat-decorator-borderFlair-color3)\n        calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2)) * 100%),\n      var(--webchat-decorator-borderFlair-color3Fade)\n    );\n\n    animation: borderFlair-animation 2000ms linear forwards;\n  }\n}\n","import React, { memo, type ReactNode } from 'react';\nimport { useStyles } from 'botframework-webchat-styles/react';\n\nimport styles from './BorderLoader.module.css';\n\nfunction BorderLoader({ children }: Readonly<{ children?: ReactNode | undefined }>) {\n  const classNames = useStyles(styles);\n\n  return (\n    <div className={classNames['border-loader']}>\n      {children}\n      <div className={classNames['border-loader__track']}>\n        <div className={classNames['border-loader__loader']} />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(BorderLoader);\n","@keyframes borderAnimation-position {\n  0% {\n    left: -33%;\n    width: 33%;\n  }\n\n  100% {\n    left: 100%;\n    width: 33%;\n  }\n}\n\n:global(.webchat) .border-loader {\n  border-radius: inherit;\n}\n\n:global(.webchat) .border-loader__track {\n  --webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);\n\n  background-color: var(--webchat-colorNeutralBackground6, #e6e6e6);\n  height: var(--webchat-decorator-borderLoader-borderSize);\n  position: relative;\n  width: 100%;\n}\n\n:global(.webchat) .border-loader__loader {\n  --webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));\n  --webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));\n  --webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));\n  --webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);\n  --webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);\n\n  animation: borderAnimation-position 3s linear infinite;\n  background: linear-gradient(\n      90deg,\n      var(--webchat-decorator-borderLoader-color1Fade) 0%,\n      var(--webchat-decorator-borderLoader-color1) 35%,\n      var(--webchat-decorator-borderLoader-color2) 70%,\n      var(--webchat-decorator-borderLoader-color3) 92%,\n      var(--webchat-decorator-borderLoader-color3Fade)\n    )\n    no-repeat;\n  height: var(--webchat-decorator-borderLoader-borderSize);\n  inset: 0;\n  isolation: isolate;\n  position: absolute;\n  width: 100%;\n}\n","import React, { memo, type ReactNode } from 'react';\n\nimport ThemeProvider from '../../providers/Theme/ThemeProvider';\nimport createStyles from './createStyles';\n\ntype WebChatThemeProps = Readonly<{\n  readonly children?: ReactNode | undefined;\n}>;\n\nconst styles = createStyles();\n\nfunction WebChatTheme({ children }: WebChatThemeProps) {\n  return <ThemeProvider styles={styles}>{children}</ThemeProvider>;\n}\n\nexport default memo(WebChatTheme);\nexport { type WebChatThemeProps };\n","import { makeCreateStyles } from 'botframework-webchat-styles';\n\nexport const decoratorStyleContent = '@--DECORATOR-STYLES-CONTENT--@';\n\nexport default makeCreateStyles(decoratorStyleContent);\n"],"mappings":"6EAAA,OAAS,qBAAAA,MAAmD,qCAC5D,OAAOC,GAAS,QAAAC,MAA4B,QCD5C,OAAOC,GAAS,YAAAC,EAAU,QAAAC,EAAM,eAAAC,EAAa,YAAAC,MAAgC,QAC7E,OAAOC,MAAQ,aCDf,OAAS,WAAAC,MAAe,QAExB,SAASC,EAAsCC,EAAc,CAE3D,OAAOF,EACL,IACE,OAAO,OACL,OAAO,YACL,OAAO,QAAQE,CAAM,EAAE,IAAI,CAAC,CAACC,EAAeC,CAAe,IAAM,CAC/DD,EACA,GAAGA,CAAa,IAAIC,CAAe,EACrC,CAAC,CACH,CACF,EACF,CAACF,CAAM,CACT,CACF,CAEA,IAAOG,EAAQJ,EClBf,IAAAK,EAAA,CAwBW,wBAAAC,IAUA,yBAAAC,IAkBA,yBAAAC,IAkBA,yBAAAC,IAkBQ,eAAAC,IAwCA,yBAAAC,IAMN,wBAAAC,KFhIb,SAASC,EAAY,CAAE,SAAAC,CAAS,EAAmD,CACjF,IAAMC,EAAaC,EAAUC,CAAM,EAC7B,CAACC,EAAYC,CAAW,EAAIC,EAAS,EAAK,EAE1CC,EAAqBC,EACzBC,IACGA,EAAM,gBAAkBN,EAAO,uBAAuB,GACrDM,EAAM,gBAAkBN,EAAO,uBAAuB,IACxDE,EAAY,EAAI,EAClB,CAAC,CACH,EAEA,OACEK,EAAA,cAACC,EAAA,KACEX,EACDU,EAAA,cAAC,OACC,UAAWE,EAAGX,EAAW,cAAc,EAAGG,GAAcH,EAAW,wBAAwB,CAAC,EAC5F,eAAgBM,EAClB,CACF,CAEJ,CAEA,IAAOJ,EAAQU,EAAKd,CAAW,EG7B/B,OAAOe,GAAS,QAAAC,MAA4B,QCA5C,IAAAC,EAAA,CAAW,2BAAAC,IAYQ,gBAAAC,IAIA,uBAAAC,IASA,wBAAAC,KDpBnB,SAASC,EAAa,CAAE,SAAAC,CAAS,EAAmD,CAClF,IAAMC,EAAaC,EAAUC,CAAM,EAEnC,OACEC,EAAA,cAAC,OAAI,UAAWH,EAAW,eAAe,GACvCD,EACDI,EAAA,cAAC,OAAI,UAAWH,EAAW,sBAAsB,GAC/CG,EAAA,cAAC,OAAI,UAAWH,EAAW,uBAAuB,EAAG,CACvD,CACF,CAEJ,CAEA,IAAOE,EAAQE,EAAKN,CAAY,EElBhC,OAAOO,GAAS,QAAAC,MAA4B,QCErC,IAAMC,EAAwB,w9VAE9BC,EAAQC,EAAiBF,CAAqB,EDKrD,IAAMG,EAASC,EAAa,EAE5B,SAASC,EAAa,CAAE,SAAAC,CAAS,EAAsB,CACrD,OAAOC,EAAA,cAACC,EAAA,CAAc,OAAQL,GAASG,CAAS,CAClD,CAEA,IAAOG,EAAQC,EAAKL,CAAY,ENRhC,IAAMM,EAA6C,OAAO,OAAO,CAC/DC,GACEA,IAAS,oBACRC,GAAQC,GAAYA,EAAQ,qBAAuB,aAAeC,EAAcF,EAAKC,CAAO,GAC/FF,GACEA,IAAS,oBACRC,GAAQC,GAAYA,EAAQ,qBAAuB,YAAcE,EAAeH,EAAKC,CAAO,EACjG,CAAC,EAMD,SAASG,EAAiB,CAAE,SAAAC,CAAS,EAA0B,CAC7D,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACE,EAAA,CAAkB,WAAYV,GAAaO,CAAS,CACvD,CAEJ,CAEA,IAAOI,EAAQC,EAAKN,CAAgB","names":["DecoratorComposer","React","memo","React","Fragment","memo","useCallback","useState","cx","useMemo","useStyles","styles","baseClassName","resultClassName","useStyles_default","BorderFlair_default","borderAnimation-angle","borderAnimation-color1","borderAnimation-color2","borderAnimation-color3","border-flair","border-flair--complete","borderFlair-animation","BorderFlair","children","classNames","f","BorderFlair_default","isComplete","setComplete","useState","handleAnimationEnd","useCallback","event","React","Fragment","cx","memo","React","memo","BorderLoader_default","borderAnimation-position","border-loader","border-loader__track","border-loader__loader","BorderLoader","children","classNames","f","BorderLoader_default","React","memo","React","memo","decoratorStyleContent","createStyles_default","n","styles","createStyles_default","WebChatTheme","children","React","ThemeProvider_default","WebChatTheme_default","memo","middleware","init","next","request","BorderFlair_default","BorderLoader_default","WebChatDecorator","children","React","WebChatTheme_default","DecoratorComposer","WebChatDecorator_default","memo"]}

package/dist/botframework-webchat-component.internal.d.mts

@@ -1,5 +1,30 @@
-declare function parseDocumentFromString(html: string): Document;
+import * as react from 'react';
+import { ReactElement, DependencyList } from 'react';
 
-declare function serializeDocumentIntoString(document: Document): string;
+type HighlightCodeFn = (code: string, language?: string | undefined, options?: {
+    theme: string;
+} | undefined) => string | DocumentFragment;
+declare function useCodeHighlighter(): HighlightCodeFn;
+declare const CodeHighlighterComposer: react.MemoExoticComponent<({ children, highlightCode }: Readonly<{
+    children: react.ReactNode;
+    highlightCode: HighlightCodeFn;
+}>) => react.JSX.Element>;
 
-export { parseDocumentFromString, serializeDocumentIntoString };
+type InjectedStylesElement = HTMLLinkElement | HTMLStyleElement;
+declare function useInjectStyles(styles: readonly InjectedStylesElement[], nonce?: string): void;
+
+/**
+ * Pushes a node to the live region.
+ *
+ * Once the node is pushed, it cannot be undoed.
+ *
+ * @param createNode Create node to be pushed to the live region.
+ * @param deps Will push a new node if the values in the list change.
+ */
+declare function useLiveRegion(createNode: () => false | null | ReactElement | string | undefined, deps: DependencyList): void;
+
+declare function parseDocumentFragmentFromString(html: string): DocumentFragment;
+
+declare function serializeDocumentFragmentIntoString(documentFragment: DocumentFragment): string;
+
+export { CodeHighlighterComposer, type HighlightCodeFn, parseDocumentFragmentFromString, serializeDocumentFragmentIntoString, useCodeHighlighter, useInjectStyles, useLiveRegion };

package/dist/botframework-webchat-component.internal.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { ReactElement, DependencyList } from 'react';
+
+type HighlightCodeFn = (code: string, language?: string | undefined, options?: {
+    theme: string;
+} | undefined) => string | DocumentFragment;
+declare function useCodeHighlighter(): HighlightCodeFn;
+declare const CodeHighlighterComposer: react.MemoExoticComponent<({ children, highlightCode }: Readonly<{
+    children: react.ReactNode;
+    highlightCode: HighlightCodeFn;
+}>) => react.JSX.Element>;
+
+type InjectedStylesElement = HTMLLinkElement | HTMLStyleElement;
+declare function useInjectStyles(styles: readonly InjectedStylesElement[], nonce?: string): void;
+
+/**
+ * Pushes a node to the live region.
+ *
+ * Once the node is pushed, it cannot be undoed.
+ *
+ * @param createNode Create node to be pushed to the live region.
+ * @param deps Will push a new node if the values in the list change.
+ */
+declare function useLiveRegion(createNode: () => false | null | ReactElement | string | undefined, deps: DependencyList): void;
+
+declare function parseDocumentFragmentFromString(html: string): DocumentFragment;
+
+declare function serializeDocumentFragmentIntoString(documentFragment: DocumentFragment): string;
+
+export { CodeHighlighterComposer, type HighlightCodeFn, parseDocumentFragmentFromString, serializeDocumentFragmentIntoString, useCodeHighlighter, useInjectStyles, useLiveRegion };

package/dist/botframework-webchat-component.internal.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2PXHDPNQjs = require('./chunk-2PXHDPNQ.js');require('./chunk-XOE3AOSM.js');exports.CodeHighlighterComposer = _chunk2PXHDPNQjs.i; exports.parseDocumentFragmentFromString = _chunk2PXHDPNQjs.d; exports.serializeDocumentFragmentIntoString = _chunk2PXHDPNQjs.e; exports.useCodeHighlighter = _chunk2PXHDPNQjs.h; exports.useInjectStyles = _chunk2PXHDPNQjs.f; exports.useLiveRegion = _chunk2PXHDPNQjs.c;
+/*! For license information please see botframework-webchat-component.internal.js.LEGAL.txt */
+//# sourceMappingURL=botframework-webchat-component.internal.js.map

package/dist/botframework-webchat-component.internal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/__w/1/s/BotFramework-WebChat/packages/component/dist/botframework-webchat-component.internal.js"],"names":[],"mappings":"AAAA,+HAA0E,+BAA4B,gUAAmL;AACzR","file":"/__w/1/s/BotFramework-WebChat/packages/component/dist/botframework-webchat-component.internal.js"}

package/dist/botframework-webchat-component.internal.mjs

@@ -1,3 +1,3 @@
-import{b as r,c as o}from"./chunk-X37JABN5.mjs";export{r as parseDocumentFromString,o as serializeDocumentIntoString};
+import{c as a,d as b,e as c,f as d,h as e,i as f}from"./chunk-Q5KJQWAB.mjs";import"./chunk-HZWWJL43.mjs";export{f as CodeHighlighterComposer,b as parseDocumentFragmentFromString,c as serializeDocumentFragmentIntoString,e as useCodeHighlighter,d as useInjectStyles,a as useLiveRegion};
 /*! For license information please see botframework-webchat-component.internal.mjs.LEGAL.txt */
 //# sourceMappingURL=botframework-webchat-component.internal.mjs.map