@ukic/canary-web-components 3.0.0-canary.4 → 3.0.0-canary.6

package/dist/components/ic-text-field2.js.map

@@ -1 +1 @@
-{"file":"ic-text-field2.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,8yIAA8yI;;ACIr0I,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,MAAM,kBAAkB,GAAG,CAAC,GAAG,iBAAiB,EAAE,OAAO,CAAC,CAAC;MAI9C,SAAS;IAClB;;;;;;;;;;QACI,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,mBAAmB,GAAG,CAAC,KAAK;YAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACxB,IAAI,CAAC,kBAAkB,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACpE,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC5D;SACJ,CAAC;QACF,IAAI,CAAC,uBAAuB,GAAG,CAAC,KAAK;YACjC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,oBAAoB;gBACrB,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YACzE,IAAI,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBACzD,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;aACrC;SACJ,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SAC5C,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACb,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,uBAAuB;gBACxB,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YACxE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;SACtC,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SACjD,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,MAAM,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC7D,IAAI,CAAC,eAAe,GAAG;YACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAClC,CAAC;;QAEF,IAAI,CAAC,oBAAoB,GAAG,CAAC,YAAY;YACrC,IAAI,oBAAoB,GAAG,KAAK,CAAC;YACjC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE;gBACnE,IAAI,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;oBAC5C,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;wBACnC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;oBACxC,oBAAoB,GAAG,IAAI,CAAC;iBAC/B;qBACI,IAAI,IAAI,KAAK,WAAW,EAAE;oBAC3B,oBAAoB,GAAG,yBAAyB,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;iBACtF;aACJ,CAAC,CAAC;YACH,IAAI,oBAAoB,EAAE;gBACtB,WAAW,CAAC,IAAI,CAAC,CAAC;aACrB;SACJ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;QACtC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,uBAAuB,QAAQ,EAAE,EAAE,CAAC;QACnD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;QACnB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;KAClC;IACD,eAAe;QACX,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC/D;IACD,iBAAiB,CAAC,QAAQ;QACtB,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE;YACxB,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAClD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACtB;aACI;YACD,KAAK,GAAG,QAAQ,CAAC;SACpB;QACD,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;YAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;SAC9B;QACD,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;KACjC;IACD,iBAAiB;QACb,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;IACD,oBAAoB;QAChB,IAAI,EAAE,CAAC;QACP,uBAAuB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACvD,CAAC,EAAE,GAAG,IAAI,CAAC,oBAAoB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;KACzF;IACD,iBAAiB;QACb,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,EAAE;YAClC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACtC;aACI,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE;YAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;SAC5D;QACD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAC;QAC1E,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;SACnC;QACD,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACpD,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;KAC/C;IACD,gBAAgB;QACZ,gCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;QAC1F,IAAI,IAAI,CAAC,wBAAwB,EAAE;YAC/B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;SAC/D;QACD,IAAI,CAAC,oBAAoB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAC5E,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;YACvC,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,IAAI;SAClB,CAAC,CAAC;KACN;IACD,aAAa,CAAC,EAAE;QACZ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;KACzD;;;;IAID,MAAM,QAAQ;QACV,IAAI,EAAE,CAAC;QACP,CAAC,EAAE,GAAG,IAAI,CAAC,OAAO,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;KACvE;IACD,MAAM;QACF,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,aAAa,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,GAAG,GAAG,IAAI,CAAC;QACjb,MAAM,YAAY,GAAG,QAAQ,IAAI,QAAQ,CAAC;QAC1C,MAAM,aAAa,GAAG,gBAAgB;YAClC,kBAAkB;YAClB,uBAAuB;YACvB,oBAAoB;cAClB,oBAAoB;kBAChB,mBAAmB,CAAC,OAAO;kBAC3B,mBAAmB,CAAC,KAAK;cAC7B,gBAAgB,CAAC;QACvB,MAAM,qBAAqB,GAAG,oBAAoB;cAC5C,oBAAoB,aAAa,aAAa;cAC9C,gBAAgB;kBACZ,oBAAoB,GAAG,WAAW;kBAClC,kBAAkB;sBACd,oBAAoB,GAAG,UAAU;sBACjC,uBAAuB;0BACnB,oBAAoB,aAAa,aAAa;0BAC9C,cAAc,CAAC;QACjC,MAAM,WAAW,GAAG,QAAQ,GAAG,CAAC,GAAG,aAAa,CAAC;QACjD,MAAM,eAAe,GAAG,oBAAoB;YACxC,gBAAgB;YAChB,kBAAkB;YAClB,aAAa,KAAK,mBAAmB,CAAC,KAAK;cACzC,WAAW;cACX,QAAQ,CAAC;QACf,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;YAChD,EAAE,aAAa,IAAI,mBAAmB,CAAC,OAAO,IAAI,gBAAgB,CAAC;YACnE,CAAC,wBAAwB,CAAC;QAC9B,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC;QAC3B,MAAM,cAAc,GAAG,WAAW,GAAG,QAAQ,CAAC;QAC9C,MAAM,4BAA4B,GAAG,GAAG,cAAc,aAAa,cAAc,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,aAAa,CAAC;QAChH,MAAM,qBAAqB,GAAG,aAAa,GAAG,CAAC,GAAG,GAAG,OAAO,kBAAkB,GAAG,EAAE,CAAC;QACpF,MAAM,WAAW,GAAG,GAAG,qBAAqB,IAAI,uBAAuB,CAAC,OAAO,EAAE,UAAU,KAAK,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QAC7H,MAAM,YAAY,GAAG,YAAY,IAAI,CAAC,QAAQ,CAAC;QAC/C,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC;QAC/E,MAAM,OAAO,GAAG,GAAG,aAAa,KAAK,mBAAmB,CAAC,KAAK,EAAE,CAAC;QACjE,IAAI,WAAW,EAAE;YACb,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;SAC/D;QACD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,0BAA0B,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,gBAAgB,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,8BAA8B,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,YAAY,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;gBAC7hB,CAAC,UAAU,GAAG,QAAQ;gBACtB,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;aAClC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBACjN,CAAC,aAAa,GAAG,CAAC,YAAY,IAAI,QAAQ;gBAC1C,CAAC,UAAU,GAAG,QAAQ;gBACtB,CAAC,gBAAgB,GAAG,aAAa;aACpC,EAAE,WAAW,EAAE,WAAW,GAAG,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,uBAAuB,EAAE,IAAI,CAAC,oBAAoB,EAAE,eAAe,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,oBAAoB,GAAG,aAAa,GAAG,IAAI,EAAE,SAAS,EAAE,uBAAuB,GAAG,aAAa,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBACxtB,CAAC,WAAW,GAAG,MAAM,KAAK,KAAK,IAAI,QAAQ;gBAC3C,CAAC,aAAa,GAAG,CAAC,YAAY,IAAI,QAAQ;gBAC1C,CAAC,UAAU,GAAG,QAAQ;aACzB,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,GAAG,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,GAAG,aAAa,GAAG,IAAI,EAAE,SAAS,EAAE,uBAAuB,GAAG,aAAa,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,gBAAgB,CAAC;YACp1B,CAAC,aAAa,CAAC,cAAc,CAAC;YAC9B,WAAW,GAAG,CAAC;YACf,gBAAgB;YAChB,oBAAoB;YACpB,uBAAuB;YACvB,kBAAkB;YAClB,CAAC,wBAAwB,KAAK,CAAC,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,KAAK;iBACnG,aAAa,KAAK,mBAAmB,CAAC,OAAO;oBAC1C,gBAAgB,CAAC;gBACrB,wBAAwB;kBACtB,EAAE;kBACF,aAAa,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,GAAG,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE;gBACnS,CAAC,iBAAiB,GAAG,IAAI;aAC5B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,4BAA4B,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,qBAAqB,EAAE,EAAE,iCAAiC,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;KACpT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","../web-components/dist/collection/components/ic-text-field/ic-text-field.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  /**\n   * @prop --input-width: Width of the input field\n   */\n  display: block;\n\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n}\n\n:host(.ic-text-field-full-width) {\n  width: 100%;\n}\n\n::-moz-placeholder {\n  color: var(--text-field-placeholder-color, var(--ic-color-text-tertiary));\n  opacity: 1;\n}\n\n::placeholder {\n  color: var(--text-field-placeholder-color, var(--ic-color-text-tertiary));\n  opacity: 1;\n}\n\ninput,\ntextarea {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--text-field-text-color, var(--ic-color-text-primary));\n  background-color: var(--input-bg-color, var(--ic-architectural-white));\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n}\n\ntextarea {\n  min-height: var(--ic-space-lg);\n  resize: vertical;\n  padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n  color: var(--text-field-disabled-text-color, var(--ic-architectural-200));\n}\n\ninput.readonly,\ntextarea.readonly {\n  color: var(--ic-color-text-primary);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n  resize: none;\n}\n\n.char-count-text {\n  --ic-typography-color: var(--ic-color-text-secondary);\n\n  padding-right: var(--ic-space-xxxs);\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-color-text-tertiary);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-color-text-primary);\n}\n\n.char-count {\n  margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\n.remaining-char-count-desc {\n  position: absolute;\n  left: -9999px;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n  input.readonly,\n  textarea.readonly {\n    color: canvastext;\n  }\n\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import { Host, h, forceUpdate, } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport { inheritAttributes, debounceEvent, getInputDescribedByText, renderHiddenInput, isEmptyString, onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, isSlotUsed, removeDisabledFalse, checkSlotInChildMutations, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n/**\n * @slot icon - Content will be placed to the left of the text input.\n */\nexport class TextField {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.hostMutationObserver = null;\n        this.getMaxValueExceeded = (value) => {\n            if (this.type === \"number\") {\n                this.minValueUnattained = value && Number(value) < Number(this.min);\n                this.maxValueExceeded = Number(value) > Number(this.max);\n            }\n        };\n        this.getMaxCharactersReached = (value) => {\n            this.numChars = value.length;\n            this.maxCharactersReached =\n                this.maxCharacters > 0 ? this.numChars >= this.maxCharacters : false;\n            if (this.maxCharactersWarning && !this.maxCharactersReached) {\n                this.maxCharactersWarning = false;\n            }\n        };\n        this.onInput = (ev) => {\n            this.value = ev.target.value;\n            this.icInput.emit({ value: this.value });\n        };\n        this.onBlur = (ev) => {\n            const value = ev.target.value;\n            this.numChars = value.length;\n            this.minCharactersUnattained =\n                this.minCharacters > 0 ? this.numChars < this.minCharacters : false;\n            this.icBlur.emit({ value: value });\n        };\n        this.onFocus = (ev) => {\n            this.icFocus.emit({ value: ev.target.value });\n        };\n        this.hasStatus = (status) => status !== \"\" && !this.disabled;\n        this.handleFormReset = () => {\n            this.value = this.initialValue;\n        };\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName, type, addedNodes, removedNodes }) => {\n                if (MUTABLE_ATTRIBUTES.includes(attributeName)) {\n                    this.inheritedAttributes[attributeName] =\n                        this.el.getAttribute(attributeName);\n                    forceComponentUpdate = true;\n                }\n                else if (type === \"childList\") {\n                    forceComponentUpdate = checkSlotInChildMutations(addedNodes, removedNodes, \"icon\");\n                }\n            });\n            if (forceComponentUpdate) {\n                forceUpdate(this);\n            }\n        };\n        this.numChars = 0;\n        this.maxCharactersReached = false;\n        this.maxCharactersWarning = false;\n        this.minCharactersUnattained = false;\n        this.maxValueExceeded = false;\n        this.minValueUnattained = false;\n        this.ariaActiveDescendant = undefined;\n        this.ariaAutocomplete = undefined;\n        this.ariaExpanded = undefined;\n        this.ariaOwns = undefined;\n        this.autocapitalize = \"off\";\n        this.autocomplete = \"off\";\n        this.autocorrect = \"off\";\n        this.autoFocus = false;\n        this.disabled = false;\n        this.fullWidth = false;\n        this.helperText = \"\";\n        this.hideCharCount = false;\n        this.hideLabel = false;\n        this.hiddenInput = true;\n        this.inputId = `ic-text-field-input-${inputIds++}`;\n        this.inputmode = \"text\";\n        this.label = undefined;\n        this.max = undefined;\n        this.maxCharacters = 0;\n        this.min = undefined;\n        this.minCharacters = 0;\n        this.name = this.inputId;\n        this.placeholder = \"\";\n        this.readonly = false;\n        this.required = false;\n        this.resize = false;\n        this.role = undefined;\n        this.rows = 1;\n        this.size = \"medium\";\n        this.spellcheck = false;\n        this.truncateValue = undefined;\n        this.type = \"text\";\n        this.validationInline = false;\n        this.validationInlineInternal = false;\n        this.validationStatus = \"\";\n        this.validationText = \"\";\n        this.debounce = 0;\n        this.value = \"\";\n        this.initialValue = this.value;\n    }\n    debounceChanged() {\n        this.icChange = debounceEvent(this.icChange, this.debounce);\n    }\n    watchValueHandler(newValue) {\n        let value;\n        if (this.maxCharacters > 0) {\n            value = newValue.substring(0, this.maxCharacters);\n            this.value = value;\n        }\n        else {\n            value = newValue;\n        }\n        if (this.inputEl && this.inputEl.value !== value) {\n            this.inputEl.value = value;\n        }\n        this.getMaxValueExceeded(value);\n        this.getMaxCharactersReached(value);\n        this.icChange.emit({ value });\n    }\n    connectedCallback() {\n        this.debounceChanged();\n    }\n    disconnectedCallback() {\n        var _a;\n        removeFormResetListener(this.el, this.handleFormReset);\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        if (this.value !== this.initialValue) {\n            this.watchValueHandler(this.value);\n        }\n        else if (this.maxCharacters > 0) {\n            this.value = this.value.substring(0, this.maxCharacters);\n        }\n        this.getMaxValueExceeded(this.value);\n        this.getMaxCharactersReached(this.value);\n        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n        if (this.readonly) {\n            this.maxValueExceeded = false;\n            this.minValueUnattained = false;\n        }\n        addFormResetListener(this.el, this.handleFormReset);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Text Field\");\n        if (this.validationInlineInternal) {\n            this.getValidationText.emit({ value: this.validationText });\n        }\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, {\n            attributes: true,\n            childList: true,\n        });\n    }\n    handleKeyDown(ev) {\n        this.icKeydown.emit({ event: ev });\n        this.maxCharactersWarning = this.maxCharactersReached;\n    }\n    /**\n     * Sets focus on the native `input`.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersWarning, maxCharactersReached, minCharacters, minCharactersUnattained, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, } = this;\n        const disabledMode = readonly || disabled;\n        const currentStatus = maxValueExceeded ||\n            minValueUnattained ||\n            minCharactersUnattained ||\n            maxCharactersWarning\n            ? maxCharactersWarning\n                ? IcInformationStatus.Warning\n                : IcInformationStatus.Error\n            : validationStatus;\n        const currentValidationText = maxCharactersWarning\n            ? `Maximum input is ${maxCharacters} characters`\n            : maxValueExceeded\n                ? `Maximum value of ${max} exceeded`\n                : minValueUnattained\n                    ? `Minimum value of ${min} not met`\n                    : minCharactersUnattained\n                        ? `Minimum input is ${minCharacters} characters`\n                        : validationText;\n        const maxNumChars = readonly ? 0 : maxCharacters;\n        const messageAriaLive = maxCharactersWarning ||\n            maxValueExceeded ||\n            minValueUnattained ||\n            currentStatus === IcInformationStatus.Error\n            ? \"assertive\"\n            : \"polite\";\n        const showStatusText = this.hasStatus(currentStatus) &&\n            !(currentStatus == IcInformationStatus.Success && validationInline) &&\n            !validationInlineInternal;\n        const multiline = rows > 1;\n        const charsRemaining = maxNumChars - numChars;\n        const hiddenRemainingCharCountDesc = `${charsRemaining} character${charsRemaining === 1 ? \"\" : \"s\"} remaining.`;\n        const hiddenCharCountDescId = maxCharacters > 0 ? `${inputId}-char-count-desc` : \"\";\n        const describedBy = `${hiddenCharCountDescId} ${getInputDescribedByText(inputId, helperText !== \"\", showStatusText)}`.trim();\n        const disabledText = disabledMode && !readonly;\n        const showLeftIcon = !!this.el.querySelector(`[slot=\"icon\"]`) && !disabledText;\n        const invalid = `${currentStatus === IcInformationStatus.Error}`;\n        if (hiddenInput) {\n            renderHiddenInput(true, this.el, name, value, disabledMode);\n        }\n        return (h(Host, { class: { [\"ic-text-field-full-width\"]: fullWidth } }, h(\"ic-input-container\", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), h(\"ic-input-component-container\", { size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h(\"span\", { class: {\n                [\"readonly\"]: readonly,\n                [\"has-value\"]: value.length > 0,\n            }, slot: \"left-icon\" }, h(\"slot\", { name: \"icon\" }))), !multiline ? (h(\"input\", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {\n                [\"no-left-pad\"]: !showLeftIcon && readonly,\n                [\"readonly\"]: readonly,\n                [\"truncate-value\"]: truncateValue,\n            }, placeholder: placeholder ? placeholder : \"\", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, \"aria-label\": label, \"aria-describedby\": describedBy, \"aria-invalid\": invalid, \"aria-activedescendant\": this.ariaActiveDescendant, \"aria-expanded\": this.ariaExpanded, \"aria-owns\": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (h(\"textarea\", Object.assign({ id: inputId, class: {\n                [\"no-resize\"]: resize === false || readonly,\n                [\"no-left-pad\"]: !showLeftIcon && readonly,\n                [\"readonly\"]: readonly,\n            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : \"\", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, \"aria-label\": label, \"aria-describedby\": describedBy, \"aria-invalid\": invalid, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))), isSlotUsed(this.el, \"clear-button\") && (h(\"slot\", { name: \"clear-button\" })), isSlotUsed(this.el, \"search-submit-button\") && (h(\"slot\", { name: \"search-submit-button\" }))), isSlotUsed(this.el, \"menu\") && h(\"slot\", { name: \"menu\" }), (!isEmptyString(validationStatus) ||\n            !isEmptyString(validationText) ||\n            maxNumChars > 0 ||\n            maxValueExceeded ||\n            maxCharactersWarning ||\n            minCharactersUnattained ||\n            minValueUnattained) &&\n            !validationInlineInternal && (h(\"ic-input-validation\", { status: this.hasStatus(currentStatus) === false ||\n                (currentStatus === IcInformationStatus.Success &&\n                    validationInline) ||\n                validationInlineInternal\n                ? \"\"\n                : currentStatus, message: showStatusText ? currentValidationText : \"\", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h(\"div\", { slot: \"validation-message-adornment\" }, !hideCharCount && (h(\"ic-typography\", { variant: \"caption\", class: {\n                [\"char-count-text\"]: true,\n            } }, h(\"span\", { class: \"char-count\" }, numChars, \"/\", maxNumChars))), h(\"span\", { class: \"remaining-char-count-desc\", \"aria-live\": \"polite\" }, hiddenRemainingCharCountDesc), h(\"span\", { hidden: true, id: hiddenCharCountDescId }, \"Field can contain a maximum of \", maxNumChars, \" characters.\"))))))));\n    }\n    static get is() { return \"ic-text-field\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-text-field.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-text-field.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"ariaActiveDescendant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The active element when focus is on the ic-menu items.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-active-descendant\",\n                \"reflect\": false\n            },\n            \"ariaAutocomplete\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAriaAutocompleteTypes\",\n                    \"resolved\": \"\\\"inline\\\" | \\\"list\\\"\",\n                    \"references\": {\n                        \"IcAriaAutocompleteTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-text-field.types\",\n                            \"id\": \"src/components/ic-text-field/ic-text-field.types.ts::IcAriaAutocompleteTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify whether inputting any text triggers more predictions\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"ariaExpanded\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify if the slotted menu is rendered\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-expanded\",\n                \"reflect\": false\n            },\n            \"ariaOwns\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify any related child component\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-owns\",\n                \"reflect\": false\n            },\n            \"autocapitalize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The automatic capitalisation of the text value as it is entered/edited by the user.\\nAvailable options: \\\"off\\\", \\\"none\\\", \\\"on\\\", \\\"sentences\\\", \\\"words\\\", \\\"characters\\\".\"\n                },\n                \"attribute\": \"autocapitalize\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocomplete\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocompleteTypes\",\n                    \"resolved\": \"\\\"name\\\" | \\\"on\\\" | \\\"off\\\" | \\\"honorific-prefix\\\" | \\\"given-name\\\" | \\\"additional-name\\\" | \\\"family-name\\\" | \\\"honorific-suffix\\\" | \\\"nickname\\\" | \\\"email\\\" | \\\"username\\\" | \\\"new-password\\\" | \\\"current-password\\\" | \\\"one-time-code\\\" | \\\"organization-title\\\" | \\\"organization\\\" | \\\"street-address\\\" | \\\"address-line1\\\" | \\\"address-line2\\\" | \\\"address-line3\\\" | \\\"address-level4\\\" | \\\"address-level3\\\" | \\\"address-level2\\\" | \\\"address-level1\\\" | \\\"country\\\" | \\\"country-name\\\" | \\\"postal-code\\\" | \\\"cc-name\\\" | \\\"cc-given-name\\\" | \\\"cc-additional-name\\\" | \\\"cc-family-name\\\" | \\\"cc-number\\\" | \\\"cc-exp\\\" | \\\"cc-exp-month\\\" | \\\"cc-exp-year\\\" | \\\"cc-csc\\\" | \\\"cc-type\\\" | \\\"transaction-currency\\\" | \\\"transaction-amount\\\" | \\\"language\\\" | \\\"bday\\\" | \\\"bday-day\\\" | \\\"bday-month\\\" | \\\"bday-year\\\" | \\\"sex\\\" | \\\"tel\\\" | \\\"tel-country-code\\\" | \\\"tel-national\\\" | \\\"tel-area-code\\\" | \\\"tel-local\\\" | \\\"tel-extension\\\" | \\\"impp\\\" | \\\"url\\\" | \\\"photo\\\"\",\n                    \"references\": {\n                        \"IcAutocompleteTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocompleteTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocompletion the browser can apply on the text value.\"\n                },\n                \"attribute\": \"autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocorrect\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocorrectStates\",\n                    \"resolved\": \"\\\"off\\\" | \\\"on\\\"\",\n                    \"references\": {\n                        \"IcAutocorrectStates\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocorrectStates\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocorrection the browser can apply when the user is entering/editing the text value.\"\n                },\n                \"attribute\": \"autocorrect\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autoFocus\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the form control will have input focus when the page loads.\"\n                },\n                \"attribute\": \"auto-focus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify whether the text field fills the full width of the container.\\nIf `true`, this overrides the --input-width CSS variable.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideCharCount\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.\"\n                },\n                \"attribute\": \"hide-char-count\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hiddenInput\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the hidden form input will stop rendering for form submission.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"hidden-input\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"inputId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID for the input.\"\n                },\n                \"attribute\": \"input-id\",\n                \"reflect\": false,\n                \"defaultValue\": \"`ic-text-field-input-${inputIds++}`\"\n            },\n            \"inputmode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTextFieldInputModes\",\n                    \"resolved\": \"\\\"decimal\\\" | \\\"email\\\" | \\\"none\\\" | \\\"numeric\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"url\\\"\",\n                    \"references\": {\n                        \"IcTextFieldInputModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-text-field.types\",\n                            \"id\": \"src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldInputModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A hint to the browser for which keyboard to display.\\nPossible values: `\\\"none\\\"`, `\\\"text\\\"`, `\\\"tel\\\"`, `\\\"url\\\"`,\\n`\\\"email\\\"`, `\\\"numeric\\\"`, `\\\"decimal\\\"`, and `\\\"search\\\"`.\"\n                },\n                \"attribute\": \"inputmode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the input.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"max\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | number\",\n                    \"resolved\": \"number | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\"\n                },\n                \"attribute\": \"max\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"maxCharacters\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)\"\n                },\n                \"attribute\": \"max-characters\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"min\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | number\",\n                    \"resolved\": \"number | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\"\n                },\n                \"attribute\": \"min\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"minCharacters\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The minimum number of characters that can be entered in the field.\"\n                },\n                \"attribute\": \"min-characters\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control, which is submitted with the form data.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"this.inputId\"\n            },\n            \"placeholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placeholder value to be displayed.\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the read only state will be set.\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input will require a value.\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"resize\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the multiline text area will be resizeable.\"\n                },\n                \"attribute\": \"resize\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"role\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to set the role if not default textbox;\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"role\",\n                \"reflect\": false\n            },\n            \"rows\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of rows to transform the text field into a text area with a specific height.\"\n                },\n                \"attribute\": \"rows\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the text field component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"spellcheck\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the value of the text field will have its spelling and grammar checked.\"\n                },\n                \"attribute\": \"spellcheck\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"truncateValue\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"truncate-value\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTextFieldTypes\",\n                    \"resolved\": \"\\\"email\\\" | \\\"number\\\" | \\\"password\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"url\\\"\",\n                    \"references\": {\n                        \"IcTextFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-text-field.types\",\n                            \"id\": \"src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of control to display. The default type is text.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"validationInline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\"\n                },\n                \"attribute\": \"validation-inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationInlineInternal\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the validation will display inline.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"validation-inline-internal\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation state - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"validationText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation state - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"debounce\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the text field.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"numChars\": {},\n            \"maxCharactersReached\": {},\n            \"maxCharactersWarning\": {},\n            \"minCharactersUnattained\": {},\n            \"maxValueExceeded\": {},\n            \"minValueUnattained\": {},\n            \"initialValue\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"getValidationText\",\n                \"name\": \"getValidationText\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the validationInlineInternal is `true`\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icBlur\",\n                \"name\": \"icBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when input loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icFocus\",\n                \"name\": \"icFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when input gains focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icInput\",\n                \"name\": \"icInput\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keyboard input occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icKeydown\",\n                \"name\": \"icKeydown\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keydown event occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ event: KeyboardEvent }\",\n                    \"resolved\": \"{ event: KeyboardEvent; }\",\n                    \"references\": {\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the native `input`.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"debounce\",\n                \"methodName\": \"debounceChanged\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-text-field.js.map\n"],"version":3}
+{"file":"ic-text-field2.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","../web-components/dist/collection/components/ic-text-field/ic-text-field.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  /**\n   * @prop --input-width: Width of the input field\n   */\n  display: block;\n\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n  --border-color: var(--ic-text-field-border-neutral);\n  --border-color-hover: var(--ic-text-field-border-neutral-hover);\n  --border-color-pressed: var(--ic-text-field-border-neutral-pressed);\n  --border-color-disabled: var(--ic-text-field-border-disabled);\n  --border-color-error: var(--ic-text-field-border-error);\n  --border-color-error-hover: var(--ic-text-field-border-error-hover);\n  --border-color-error-pressed: var(--ic-text-field-border-error-pressed);\n  --border-color-success: var(--ic-text-field-border-success);\n  --border-color-success-hover: var(--ic-text-field-border-success-hover);\n  --border-color-success-pressed: var(--ic-text-field-border-success-pressed);\n  --border-color-warning: var(--ic-text-field-border-warning);\n  --border-color-warning-hover: var(--ic-text-field-border-warning-hover);\n  --border-color-warning-pressed: var(--ic-text-field-border-warning-pressed);\n  --ic-input-label-text-color: var(--ic-text-field-label);\n  --ic-input-label-helper-text-color: var(--ic-text-field-subtitle);\n  --ic-input-validation-status-text-color: var(--ic-text-field-state-text);\n  --ic-input-validation-error: var(--ic-text-field-state-icon-error);\n  --ic-input-validation-warning-icon-color: var(\n    --ic-text-field-state-icon-warning\n  );\n  --ic-input-validation-success-icon-color: var(\n    --ic-text-field-state-icon-success\n  );\n  --ic-input-component-container-success-icon-inline-color: var(\n    --ic-text-field-state-icon-success\n  );\n}\n\n:host(.ic-text-field-disabled) {\n  --ic-input-label-text-color: var(--ic-text-field-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-text-field-subtitle-disabled);\n  --text-field-placeholder-color: var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  );\n}\n\n:host(.ic-text-field-full-width) {\n  width: 100%;\n}\n\n::-moz-placeholder {\n  color: var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );\n  opacity: 1;\n}\n\n::placeholder {\n  color: var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );\n  opacity: 1;\n}\n\ninput,\ntextarea {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--text-field-text-color, var(--ic-text-field-text));\n  background-color: var(--input-bg-color, var(--ic-text-field-background));\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n  caret-color: var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  );\n}\n\ntextarea {\n  min-height: var(--ic-space-lg);\n  resize: vertical;\n  padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n  color: var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  );\n}\n\ninput.readonly,\ntextarea.readonly {\n  color: var(--ic-text-field-read-only-input-text-internal);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n  resize: none;\n}\n\n.char-count-text {\n  --ic-typography-color: var(--ic-text-field-character-limit);\n\n  padding-right: var(--ic-space-xxxs);\n}\n\n:host(.ic-text-field-disabled) .char-count-text {\n  --ic-typography-color: var(--ic-text-field-character-limit-disabled);\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-text-field-text-disabled);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-text-field-input-internal-icon);\n}\n\n.char-count {\n  margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\n.remaining-char-count-desc {\n  position: absolute;\n  left: -9999px;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n  input.readonly,\n  textarea.readonly {\n    color: canvastext;\n  }\n\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import { Host, h, forceUpdate, } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport { inheritAttributes, debounceEvent, getInputDescribedByText, renderHiddenInput, isEmptyString, onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, isSlotUsed, removeDisabledFalse, checkSlotInChildMutations, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n/**\n * @slot icon - Content will be placed to the left of the text input.\n */\nexport class TextField {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.hostMutationObserver = null;\n        this.checkChildHydration = () => {\n            var _a;\n            const el = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-typography\");\n            if (el && el.classList.contains(\"hydrated\")) {\n                this.setFocus();\n                clearInterval(this.interval);\n            }\n        };\n        this.getMaxValueExceeded = (value) => {\n            if (this.type === \"number\") {\n                this.minValueUnattained = value && Number(value) < Number(this.min);\n                this.maxValueExceeded = Number(value) > Number(this.max);\n            }\n        };\n        this.getMaxCharactersReached = (value) => {\n            this.numChars = value.length;\n            this.maxCharactersReached =\n                this.maxCharacters > 0 ? this.numChars >= this.maxCharacters : false;\n            if (this.maxCharactersWarning && !this.maxCharactersReached) {\n                this.maxCharactersWarning = false;\n            }\n        };\n        this.onInput = (ev) => {\n            this.value = ev.target.value;\n            this.icInput.emit({ value: this.value });\n        };\n        this.onBlur = (ev) => {\n            const value = ev.target.value;\n            this.numChars = value.length;\n            this.minCharactersUnattained =\n                this.minCharacters > 0 ? this.numChars < this.minCharacters : false;\n            this.icBlur.emit({ value: value });\n        };\n        this.onFocus = (ev) => {\n            this.icFocus.emit({ value: ev.target.value });\n        };\n        this.hasStatus = (status) => status !== \"\" && !this.disabled;\n        this.handleFormReset = () => {\n            this.value = this.initialValue;\n        };\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName, type, addedNodes, removedNodes }) => {\n                if (MUTABLE_ATTRIBUTES.includes(attributeName)) {\n                    this.inheritedAttributes[attributeName] =\n                        this.el.getAttribute(attributeName);\n                    forceComponentUpdate = true;\n                }\n                else if (type === \"childList\") {\n                    forceComponentUpdate = checkSlotInChildMutations(addedNodes, removedNodes, \"icon\");\n                }\n            });\n            if (forceComponentUpdate) {\n                forceUpdate(this);\n            }\n        };\n        this.numChars = 0;\n        this.maxCharactersReached = false;\n        this.maxCharactersWarning = false;\n        this.minCharactersUnattained = false;\n        this.maxValueExceeded = false;\n        this.minValueUnattained = false;\n        this.ariaActiveDescendant = undefined;\n        this.ariaAutocomplete = undefined;\n        this.ariaExpanded = undefined;\n        this.ariaOwns = undefined;\n        this.autocapitalize = \"off\";\n        this.autocomplete = \"off\";\n        this.autocorrect = \"off\";\n        this.autofocus = false;\n        this.disabled = false;\n        this.fullWidth = false;\n        this.helperText = \"\";\n        this.hideCharCount = false;\n        this.hideLabel = false;\n        this.hiddenInput = true;\n        this.inputId = `ic-text-field-input-${inputIds++}`;\n        this.inputmode = \"text\";\n        this.label = undefined;\n        this.max = undefined;\n        this.maxCharacters = 0;\n        this.min = undefined;\n        this.minCharacters = 0;\n        this.name = this.inputId;\n        this.placeholder = \"\";\n        this.readonly = false;\n        this.required = false;\n        this.resize = false;\n        this.role = undefined;\n        this.rows = 1;\n        this.size = \"medium\";\n        this.spellcheck = false;\n        this.theme = \"inherit\";\n        this.truncateValue = undefined;\n        this.type = \"text\";\n        this.validationInline = false;\n        this.validationInlineInternal = false;\n        this.validationStatus = \"\";\n        this.validationText = \"\";\n        this.debounce = 0;\n        this.value = \"\";\n        this.initialValue = this.value;\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    debounceChanged() {\n        this.icChange = debounceEvent(this.icChange, this.debounce);\n    }\n    watchValueHandler(newValue) {\n        let value;\n        if (this.maxCharacters > 0) {\n            value = newValue.substring(0, this.maxCharacters);\n            this.value = value;\n        }\n        else {\n            value = newValue;\n        }\n        if (this.inputEl && this.inputEl.value !== value) {\n            this.inputEl.value = value;\n        }\n        this.getMaxValueExceeded(value);\n        this.getMaxCharactersReached(value);\n        this.icChange.emit({ value });\n    }\n    connectedCallback() {\n        this.debounceChanged();\n    }\n    disconnectedCallback() {\n        var _a;\n        removeFormResetListener(this.el, this.handleFormReset);\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        if (this.value !== this.initialValue) {\n            this.watchValueHandler(this.value);\n        }\n        else if (this.maxCharacters > 0) {\n            this.value = this.value.substring(0, this.maxCharacters);\n        }\n        this.getMaxValueExceeded(this.value);\n        this.getMaxCharactersReached(this.value);\n        this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n        if (this.readonly) {\n            this.maxValueExceeded = false;\n            this.minValueUnattained = false;\n        }\n        addFormResetListener(this.el, this.handleFormReset);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Text Field\");\n        if (this.validationInlineInternal) {\n            this.getValidationText.emit({ value: this.validationText });\n        }\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, {\n            attributes: true,\n            childList: true,\n        });\n        if (this.autofocus && !this.disabled && !this.readonly) {\n            this.interval = setInterval(this.checkChildHydration, 50);\n        }\n    }\n    handleKeyDown(ev) {\n        this.icKeydown.emit({ event: ev });\n        this.maxCharactersWarning = this.maxCharactersReached;\n    }\n    /**\n     * Sets focus on the native `input`.\n     */\n    setFocus() {\n        var _a;\n        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersWarning, maxCharactersReached, minCharacters, minCharactersUnattained, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;\n        const disabledMode = readonly || disabled;\n        const currentStatus = maxValueExceeded ||\n            minValueUnattained ||\n            minCharactersUnattained ||\n            maxCharactersWarning\n            ? maxCharactersWarning\n                ? IcInformationStatus.Warning\n                : IcInformationStatus.Error\n            : validationStatus;\n        const currentValidationText = maxCharactersWarning\n            ? `Maximum input is ${maxCharacters} characters`\n            : maxValueExceeded\n                ? `Maximum value of ${max} exceeded`\n                : minValueUnattained\n                    ? `Minimum value of ${min} not met`\n                    : minCharactersUnattained\n                        ? `Minimum input is ${minCharacters} characters`\n                        : validationText;\n        const maxNumChars = readonly ? 0 : maxCharacters;\n        const messageAriaLive = maxCharactersWarning ||\n            maxValueExceeded ||\n            minValueUnattained ||\n            currentStatus === IcInformationStatus.Error\n            ? \"assertive\"\n            : \"polite\";\n        const showStatusText = this.hasStatus(currentStatus) &&\n            !(currentStatus == IcInformationStatus.Success && validationInline) &&\n            !validationInlineInternal;\n        const multiline = rows > 1;\n        const charsRemaining = maxNumChars - numChars;\n        const hiddenRemainingCharCountDesc = `${charsRemaining} character${charsRemaining === 1 ? \"\" : \"s\"} remaining.`;\n        const hiddenCharCountDescId = maxCharacters > 0 ? `${inputId}-char-count-desc` : \"\";\n        const describedBy = `${hiddenCharCountDescId} ${getInputDescribedByText(inputId, helperText !== \"\", showStatusText)}`.trim();\n        const disabledText = disabledMode && !readonly;\n        const showLeftIcon = !!this.el.querySelector(`[slot=\"icon\"]`) && !disabledText;\n        const invalid = `${currentStatus === IcInformationStatus.Error}`;\n        if (hiddenInput) {\n            renderHiddenInput(true, this.el, name, value, disabledMode);\n        }\n        return (h(Host, { class: {\n                \"ic-text-field-full-width\": fullWidth,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                \"ic-text-field-disabled\": disabledMode,\n            } }, h(\"ic-input-container\", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), h(\"ic-input-component-container\", { size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h(\"span\", { class: {\n                readonly,\n                \"has-value\": value.length > 0,\n            }, slot: \"left-icon\" }, h(\"slot\", { name: \"icon\" }))), !multiline ? (h(\"input\", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {\n                \"no-left-pad\": !showLeftIcon && readonly,\n                readonly,\n                \"truncate-value\": truncateValue,\n            }, placeholder: placeholder ? placeholder : \"\", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, \"aria-label\": label, \"aria-describedby\": describedBy, \"aria-invalid\": invalid, \"aria-activedescendant\": this.ariaActiveDescendant, \"aria-expanded\": this.ariaExpanded, \"aria-owns\": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (h(\"textarea\", Object.assign({ id: inputId, class: {\n                \"no-resize\": resize === false || readonly,\n                \"no-left-pad\": !showLeftIcon && readonly,\n                readonly,\n            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : \"\", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, \"aria-label\": label, \"aria-describedby\": describedBy, \"aria-invalid\": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))), isSlotUsed(this.el, \"clear-button\") && (h(\"slot\", { name: \"clear-button\" })), isSlotUsed(this.el, \"search-submit-button\") && (h(\"slot\", { name: \"search-submit-button\" }))), isSlotUsed(this.el, \"menu\") && h(\"slot\", { name: \"menu\" }), (!isEmptyString(validationStatus) ||\n            !isEmptyString(validationText) ||\n            maxNumChars > 0 ||\n            maxValueExceeded ||\n            maxCharactersWarning ||\n            minCharactersUnattained ||\n            minValueUnattained) &&\n            !validationInlineInternal && (h(\"ic-input-validation\", { status: this.hasStatus(currentStatus) === false ||\n                (currentStatus === IcInformationStatus.Success &&\n                    validationInline) ||\n                validationInlineInternal\n                ? \"\"\n                : currentStatus, message: showStatusText ? currentValidationText : \"\", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h(\"div\", { slot: \"validation-message-adornment\" }, !hideCharCount && (h(\"ic-typography\", { variant: \"caption\", class: \"char-count-text\" }, h(\"span\", { class: \"char-count\" }, numChars, \"/\", maxNumChars))), h(\"span\", { class: \"remaining-char-count-desc\", \"aria-live\": \"polite\" }, hiddenRemainingCharCountDesc), h(\"span\", { hidden: true, id: hiddenCharCountDescId }, \"Field can contain a maximum of \", maxNumChars, \" characters.\"))))))));\n    }\n    static get is() { return \"ic-text-field\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-text-field.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-text-field.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"ariaActiveDescendant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The active element when focus is on the ic-menu items.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-active-descendant\",\n                \"reflect\": false\n            },\n            \"ariaAutocomplete\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAriaAutocompleteTypes\",\n                    \"resolved\": \"\\\"inline\\\" | \\\"list\\\"\",\n                    \"references\": {\n                        \"IcAriaAutocompleteTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-text-field.types\",\n                            \"id\": \"src/components/ic-text-field/ic-text-field.types.ts::IcAriaAutocompleteTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify whether inputting any text triggers more predictions\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"ariaExpanded\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify if the slotted menu is rendered\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-expanded\",\n                \"reflect\": false\n            },\n            \"ariaOwns\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify any related child component\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-owns\",\n                \"reflect\": false\n            },\n            \"autocapitalize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The automatic capitalisation of the text value as it is entered/edited by the user.\\nAvailable options: \\\"off\\\", \\\"none\\\", \\\"on\\\", \\\"sentences\\\", \\\"words\\\", \\\"characters\\\".\"\n                },\n                \"attribute\": \"autocapitalize\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocomplete\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocompleteTypes\",\n                    \"resolved\": \"\\\"name\\\" | \\\"on\\\" | \\\"off\\\" | \\\"honorific-prefix\\\" | \\\"given-name\\\" | \\\"additional-name\\\" | \\\"family-name\\\" | \\\"honorific-suffix\\\" | \\\"nickname\\\" | \\\"email\\\" | \\\"username\\\" | \\\"new-password\\\" | \\\"current-password\\\" | \\\"one-time-code\\\" | \\\"organization-title\\\" | \\\"organization\\\" | \\\"street-address\\\" | \\\"address-line1\\\" | \\\"address-line2\\\" | \\\"address-line3\\\" | \\\"address-level4\\\" | \\\"address-level3\\\" | \\\"address-level2\\\" | \\\"address-level1\\\" | \\\"country\\\" | \\\"country-name\\\" | \\\"postal-code\\\" | \\\"cc-name\\\" | \\\"cc-given-name\\\" | \\\"cc-additional-name\\\" | \\\"cc-family-name\\\" | \\\"cc-number\\\" | \\\"cc-exp\\\" | \\\"cc-exp-month\\\" | \\\"cc-exp-year\\\" | \\\"cc-csc\\\" | \\\"cc-type\\\" | \\\"transaction-currency\\\" | \\\"transaction-amount\\\" | \\\"language\\\" | \\\"bday\\\" | \\\"bday-day\\\" | \\\"bday-month\\\" | \\\"bday-year\\\" | \\\"sex\\\" | \\\"tel\\\" | \\\"tel-country-code\\\" | \\\"tel-national\\\" | \\\"tel-area-code\\\" | \\\"tel-local\\\" | \\\"tel-extension\\\" | \\\"impp\\\" | \\\"url\\\" | \\\"photo\\\"\",\n                    \"references\": {\n                        \"IcAutocompleteTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocompleteTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocompletion the browser can apply on the text value.\"\n                },\n                \"attribute\": \"autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autocorrect\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAutocorrectStates\",\n                    \"resolved\": \"\\\"off\\\" | \\\"on\\\"\",\n                    \"references\": {\n                        \"IcAutocorrectStates\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAutocorrectStates\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of autocorrection the browser can apply when the user is entering/editing the text value.\"\n                },\n                \"attribute\": \"autocorrect\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"off\\\"\"\n            },\n            \"autofocus\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the form control will have input focus when the page loads.\"\n                },\n                \"attribute\": \"autofocus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify whether the text field fills the full width of the container.\\nIf `true`, this overrides the --input-width CSS variable.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideCharCount\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.\"\n                },\n                \"attribute\": \"hide-char-count\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hiddenInput\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the hidden form input will stop rendering for form submission.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"hidden-input\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"inputId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID for the input.\"\n                },\n                \"attribute\": \"input-id\",\n                \"reflect\": false,\n                \"defaultValue\": \"`ic-text-field-input-${inputIds++}`\"\n            },\n            \"inputmode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTextFieldInputModes\",\n                    \"resolved\": \"\\\"decimal\\\" | \\\"email\\\" | \\\"none\\\" | \\\"numeric\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"url\\\"\",\n                    \"references\": {\n                        \"IcTextFieldInputModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-text-field.types\",\n                            \"id\": \"src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldInputModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A hint to the browser for which keyboard to display.\\nPossible values: `\\\"none\\\"`, `\\\"text\\\"`, `\\\"tel\\\"`, `\\\"url\\\"`,\\n`\\\"email\\\"`, `\\\"numeric\\\"`, `\\\"decimal\\\"`, and `\\\"search\\\"`.\"\n                },\n                \"attribute\": \"inputmode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the input.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"max\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | number\",\n                    \"resolved\": \"number | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\"\n                },\n                \"attribute\": \"max\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"maxCharacters\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)\"\n                },\n                \"attribute\": \"max-characters\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"min\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | number\",\n                    \"resolved\": \"number | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\"\n                },\n                \"attribute\": \"min\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"minCharacters\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The minimum number of characters that can be entered in the field.\"\n                },\n                \"attribute\": \"min-characters\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control, which is submitted with the form data.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"this.inputId\"\n            },\n            \"placeholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placeholder value to be displayed.\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the read only state will be set.\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input will require a value.\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"resize\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the multiline text area will be resizeable.\"\n                },\n                \"attribute\": \"resize\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"role\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to set the role if not default textbox;\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"role\",\n                \"reflect\": false\n            },\n            \"rows\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of rows to transform the text field into a text area with a specific height.\"\n                },\n                \"attribute\": \"rows\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the text field component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"spellcheck\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the value of the text field will have its spelling and grammar checked.\"\n                },\n                \"attribute\": \"spellcheck\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"truncateValue\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"truncate-value\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcTextFieldTypes\",\n                    \"resolved\": \"\\\"email\\\" | \\\"number\\\" | \\\"password\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"url\\\"\",\n                    \"references\": {\n                        \"IcTextFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-text-field.types\",\n                            \"id\": \"src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of control to display. The default type is text.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"validationInline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\"\n                },\n                \"attribute\": \"validation-inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationInlineInternal\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the validation will display inline.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"validation-inline-internal\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation state - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"validationText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation state - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"debounce\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the text field.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"numChars\": {},\n            \"maxCharactersReached\": {},\n            \"maxCharactersWarning\": {},\n            \"minCharactersUnattained\": {},\n            \"maxValueExceeded\": {},\n            \"minValueUnattained\": {},\n            \"initialValue\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"getValidationText\",\n                \"name\": \"getValidationText\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the validationInlineInternal is `true`\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icBlur\",\n                \"name\": \"icBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when input loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icFocus\",\n                \"name\": \"icFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when input gains focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icInput\",\n                \"name\": \"icInput\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keyboard input occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icKeydown\",\n                \"name\": \"icKeydown\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a keydown event occurred.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ event: KeyboardEvent }\",\n                    \"resolved\": \"{ event: KeyboardEvent; }\",\n                    \"references\": {\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {},\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the native `input`.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"debounce\",\n                \"methodName\": \"debounceChanged\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-text-field.js.map\n"],"version":3}

package/dist/components/ic-theme.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { X as getThemeColorBrightness, Y as BLACK_MIN_COLOR_BRIGHTNESS, Z as WHITE_MAX_COLOR_BRIGHTNESS, j as convertToRGBA, k as getThemeForegroundColor } from './helpers.js';
+import { X as getBrandColorBrightness, Y as BLACK_MIN_COLOR_BRIGHTNESS, Z as WHITE_MAX_COLOR_BRIGHTNESS, j as convertToRGBA, k as getBrandForegroundAppearance } from './helpers.js';
 
 const Theme = /*@__PURE__*/ proxyCustomElement(class Theme extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.themeChange = createEvent(this, "themeChange", 7);
+        this.brandChange = createEvent(this, "brandChange", 7);
         this.darkModeChangeHandler = () => {
             if (this.theme === "system") {
                 this.themeClass =
@@ -18,41 +18,41 @@ const Theme = /*@__PURE__*/ proxyCustomElement(class Theme extends HTMLElement {
                 this.themeClass = `ic-theme-${this.theme}`;
             }
         };
-        this.checkThemeColorContrast = () => {
-            if (getThemeColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
-                getThemeColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
-                console.warn(`The theme colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);
+        this.checkBrandColorContrast = () => {
+            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
+                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
+                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);
             }
         };
-        this.setThemeColor = () => {
-            const colorRGBA = convertToRGBA(this.color);
+        this.setBrandColor = () => {
+            const colorRGBA = convertToRGBA(this.brandColor);
             if (colorRGBA) {
                 const { r, g, b, a } = colorRGBA;
                 const { style } = document.documentElement;
-                style.setProperty("--ic-theme-primary-r", `${r}`);
-                style.setProperty("--ic-theme-primary-g", `${g}`);
-                style.setProperty("--ic-theme-primary-b", `${b}`);
-                style.setProperty("--ic-theme-primary-a", `${a}`);
-                this.checkThemeColorContrast();
-                this.themeChange.emit({
-                    mode: getThemeForegroundColor(),
+                style.setProperty("--ic-brand-color-primary-r", `${r}`);
+                style.setProperty("--ic-brand-color-primary-g", `${g}`);
+                style.setProperty("--ic-brand-color-primary-b", `${b}`);
+                style.setProperty("--ic-brand-color-primary-a", `${a}`);
+                this.checkBrandColorContrast();
+                this.brandChange.emit({
+                    mode: getBrandForegroundAppearance(),
                     color: colorRGBA,
                 });
             }
         };
         this.themeClass = "";
-        this.color = null;
+        this.brandColor = null;
         this.theme = "light";
     }
-    watchColorPropHandler() {
-        this.setThemeColor();
+    watchBrandColorPropHandler() {
+        this.setBrandColor();
     }
     watchThemePropHandler() {
         this.darkModeChangeHandler();
     }
     componentWillLoad() {
         this.darkModeChangeHandler();
-        this.setThemeColor();
+        this.setBrandColor();
         window.matchMedia &&
             window
                 .matchMedia("(prefers-color-scheme: dark)")
@@ -63,15 +63,15 @@ const Theme = /*@__PURE__*/ proxyCustomElement(class Theme extends HTMLElement {
         return (h(Host, { class: themeClass }, h("slot", null)));
     }
     static get watchers() { return {
-        "color": ["watchColorPropHandler"],
+        "brandColor": ["watchBrandColorPropHandler"],
         "theme": ["watchThemePropHandler"]
     }; }
 }, [4, "ic-theme", {
-        "color": [1],
+        "brandColor": [1, "brand-color"],
         "theme": [1],
         "themeClass": [32]
     }, undefined, {
-        "color": ["watchColorPropHandler"],
+        "brandColor": ["watchBrandColorPropHandler"],
         "theme": ["watchThemePropHandler"]
     }]);
 function defineCustomElement$1() {

package/dist/components/ic-theme.js.map

@@ -1 +1 @@
-{"file":"ic-theme.js","mappings":";;;MAIa,KAAK;IACd;;;;QACI,IAAI,CAAC,qBAAqB,GAAG;YACzB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,IAAI,CAAC,UAAU;oBACX,MAAM,CAAC,UAAU;wBACb,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;0BACvD,eAAe;0BACf,gBAAgB,CAAC;aAC9B;iBACI;gBACD,IAAI,CAAC,UAAU,GAAG,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;aAC9C;SACJ,CAAC;QACF,IAAI,CAAC,uBAAuB,GAAG;YAC3B,IAAI,uBAAuB,EAAE,GAAG,0BAA0B;gBACtD,uBAAuB,EAAE,GAAG,0BAA0B,EAAE;gBACxD,OAAO,CAAC,IAAI,CAAC,2TAA2T,CAAC,CAAC;aAC7U;SACJ,CAAC;QACF,IAAI,CAAC,aAAa,GAAG;YACjB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,IAAI,SAAS,EAAE;gBACX,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;gBACjC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;gBAC3C,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClD,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClD,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClD,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClD,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;oBAClB,IAAI,EAAE,uBAAuB,EAAE;oBAC/B,KAAK,EAAE,SAAS;iBACnB,CAAC,CAAC;aACN;SACJ,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;KACxB;IACD,qBAAqB;QACjB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IACD,qBAAqB;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;IACD,iBAAiB;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,CAAC,UAAU;YACb,MAAM;iBACD,UAAU,CAAC,8BAA8B,CAAC;iBAC1C,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;KACnE;IACD,MAAM;QACF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE;KAC5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getThemeForegroundColor } from \"../../utils/helpers\";\nimport { getThemeColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.darkModeChangeHandler = () => {\n            if (this.theme === \"system\") {\n                this.themeClass =\n                    window.matchMedia &&\n                        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n                        ? \"ic-theme-dark\"\n                        : \"ic-theme-light\";\n            }\n            else {\n                this.themeClass = `ic-theme-${this.theme}`;\n            }\n        };\n        this.checkThemeColorContrast = () => {\n            if (getThemeColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getThemeColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The theme colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setThemeColor = () => {\n            const colorRGBA = convertToRGBA(this.color);\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                const { style } = document.documentElement;\n                style.setProperty(\"--ic-theme-primary-r\", `${r}`);\n                style.setProperty(\"--ic-theme-primary-g\", `${g}`);\n                style.setProperty(\"--ic-theme-primary-b\", `${b}`);\n                style.setProperty(\"--ic-theme-primary-a\", `${a}`);\n                this.checkThemeColorContrast();\n                this.themeChange.emit({\n                    mode: getThemeForegroundColor(),\n                    color: colorRGBA,\n                });\n            }\n        };\n        this.themeClass = \"\";\n        this.color = null;\n        this.theme = \"light\";\n    }\n    watchColorPropHandler() {\n        this.setThemeColor();\n    }\n    watchThemePropHandler() {\n        this.darkModeChangeHandler();\n    }\n    componentWillLoad() {\n        this.darkModeChangeHandler();\n        this.setThemeColor();\n        window.matchMedia &&\n            window\n                .matchMedia(\"(prefers-color-scheme: dark)\")\n                .addEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    render() {\n        const { themeClass } = this;\n        return (h(Host, { class: themeClass }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-theme\"; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})`\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme colour. Can be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme mode. Can be \\\"dark\\\", \\\"light\\\", or \\\"system\\\". \\\"system\\\" will use the device or browser settings.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"light\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"themeClass\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"themeChange\",\n                \"name\": \"themeChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the theme is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTheme\",\n                    \"resolved\": \"{ mode: IcThemeForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcTheme\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcTheme\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"color\",\n                \"methodName\": \"watchColorPropHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemePropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"version":3}
+{"file":"ic-theme.js","mappings":";;;MAIa,KAAK;IACd;;;;QACI,IAAI,CAAC,qBAAqB,GAAG;YACzB,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACzB,IAAI,CAAC,UAAU;oBACX,MAAM,CAAC,UAAU;wBACb,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;0BACvD,eAAe;0BACf,gBAAgB,CAAC;aAC9B;iBACI;gBACD,IAAI,CAAC,UAAU,GAAG,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;aAC9C;SACJ,CAAC;QACF,IAAI,CAAC,uBAAuB,GAAG;YAC3B,IAAI,uBAAuB,EAAE,GAAG,0BAA0B;gBACtD,uBAAuB,EAAE,GAAG,0BAA0B,EAAE;gBACxD,OAAO,CAAC,IAAI,CAAC,2TAA2T,CAAC,CAAC;aAC7U;SACJ,CAAC;QACF,IAAI,CAAC,aAAa,GAAG;YACjB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACjD,IAAI,SAAS,EAAE;gBACX,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;gBACjC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;gBAC3C,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;oBAClB,IAAI,EAAE,4BAA4B,EAAE;oBACpC,KAAK,EAAE,SAAS;iBACnB,CAAC,CAAC;aACN;SACJ,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;KACxB;IACD,0BAA0B;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IACD,qBAAqB;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;IACD,iBAAiB;QACb,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,CAAC,UAAU;YACb,MAAM;iBACD,UAAU,CAAC,8BAA8B,CAAC;iBAC1C,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;KACnE;IACD,MAAM;QACF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE;KAC5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-theme/ic-theme.js"],"sourcesContent":["import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nimport { getBrandColorBrightness } from \"../../utils/helpers\";\nimport { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from \"../../utils/constants\";\nexport class Theme {\n    constructor() {\n        this.darkModeChangeHandler = () => {\n            if (this.theme === \"system\") {\n                this.themeClass =\n                    window.matchMedia &&\n                        window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n                        ? \"ic-theme-dark\"\n                        : \"ic-theme-light\";\n            }\n            else {\n                this.themeClass = `ic-theme-${this.theme}`;\n            }\n        };\n        this.checkBrandColorContrast = () => {\n            if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&\n                getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {\n                console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);\n            }\n        };\n        this.setBrandColor = () => {\n            const colorRGBA = convertToRGBA(this.brandColor);\n            if (colorRGBA) {\n                const { r, g, b, a } = colorRGBA;\n                const { style } = document.documentElement;\n                style.setProperty(\"--ic-brand-color-primary-r\", `${r}`);\n                style.setProperty(\"--ic-brand-color-primary-g\", `${g}`);\n                style.setProperty(\"--ic-brand-color-primary-b\", `${b}`);\n                style.setProperty(\"--ic-brand-color-primary-a\", `${a}`);\n                this.checkBrandColorContrast();\n                this.brandChange.emit({\n                    mode: getBrandForegroundAppearance(),\n                    color: colorRGBA,\n                });\n            }\n        };\n        this.themeClass = \"\";\n        this.brandColor = null;\n        this.theme = \"light\";\n    }\n    watchBrandColorPropHandler() {\n        this.setBrandColor();\n    }\n    watchThemePropHandler() {\n        this.darkModeChangeHandler();\n    }\n    componentWillLoad() {\n        this.darkModeChangeHandler();\n        this.setBrandColor();\n        window.matchMedia &&\n            window\n                .matchMedia(\"(prefers-color-scheme: dark)\")\n                .addEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    render() {\n        const { themeClass } = this;\n        return (h(Host, { class: themeClass }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-theme\"; }\n    static get properties() {\n        return {\n            \"brandColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcColor\",\n                    \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})`\",\n                    \"references\": {\n                        \"IcColor\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcColor\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The brand colour. Can be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n                },\n                \"attribute\": \"brand-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\" | \\\"system\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The theme mode. Can be \\\"dark\\\", \\\"light\\\", or \\\"system\\\". \\\"system\\\" will use the device or browser settings.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"light\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"themeClass\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"brandChange\",\n                \"name\": \"brandChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the brand color is changed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcBrand\",\n                    \"resolved\": \"{ mode: IcBrandForeground; color: IcColorRGB; }\",\n                    \"references\": {\n                        \"IcBrand\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBrand\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"brandColor\",\n                \"methodName\": \"watchBrandColorPropHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemePropHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-theme.js.map\n"],"version":3}

package/dist/components/ic-toast.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as closeIcon } from './close-icon.js';
-import { i as isSlotUsed, V as VARIANT_ICONS, o as onComponentRequiredPropUndefined, S as getSlot, l as isPropDefined } from './helpers.js';
+import { i as isSlotUsed, V as VARIANT_ICONS, o as onComponentRequiredPropUndefined, T as getSlot, l as isPropDefined } from './helpers.js';
 import { d as defineCustomElement$5 } from './ic-button2.js';
 import { d as defineCustomElement$4 } from './ic-loading-indicator2.js';
 import { d as defineCustomElement$3 } from './ic-tooltip2.js';