carbon-components-angular/docs/storybook/timepicker-select-timepicker-select-stories.5b57af49.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[9552],{"./src/timepicker-select/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>TimePickerSelect,q:()=>TimePickerSelectModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),src_select=__webpack_require__("./src/select/index.ts"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");let TimePickerSelect=class TimePickerSelect extends src_select.Ph{constructor(){super(...arguments),this.timeSelect=!0,this.timePickerSelect=!0,this.id="timepicker-select-"+TimePickerSelect.selectCount++,this.skeleton=!1,this.theme="dark",this.timePickerSelectSkeleton=this.skeleton}get timePickerSelectLight(){return"light"===this.theme}};TimePickerSelect.propDecorators={timeSelect:[{type:core.HostBinding,args:["class.cds--select"]}],timePickerSelect:[{type:core.HostBinding,args:["class.cds--time-picker__select"]}],id:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.Input}],theme:[{type:core.Input}],label:[{type:core.Input}],timePickerSelectSkeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]}],timePickerSelectLight:[{type:core.HostBinding,args:["class.cds--select--light"]}]},TimePickerSelect=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-timepicker-select, ibm-timepicker-select",template:'\n\t\t<label *ngIf="!skeleton && label" [attr.for]="id" class="cds--label cds--visually-hidden">{{label}}</label>\n\t\t<div class="cds--select-input__wrapper">\n\t\t\t<select\n\t\t\t\t#select\n\t\t\t\t[attr.id]="id"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t(change)="onChange($event)"\n\t\t\t\tclass="cds--select-input">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</select>\n\t\t\t<svg cdsIcon="chevron--down" size="16" *ngIf="!skeleton" class="cds--select__arrow"></svg>\n\t\t</div>\n\t',providers:[{provide:fesm2020_forms.JU,useExisting:TimePickerSelect,multi:!0}]})],TimePickerSelect);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),icon=__webpack_require__("./src/icon/index.ts");let TimePickerSelectModule=class TimePickerSelectModule{};TimePickerSelectModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[TimePickerSelect],exports:[TimePickerSelect],imports:[src_select.An,common.CommonModule,icon.QX]})],TimePickerSelectModule)},"./src/timepicker-select/timepicker-select.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/timepicker-select/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Timepicker Select",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[___WEBPACK_IMPORTED_MODULE_1__.q,_angular_forms__WEBPACK_IMPORTED_MODULE_2__.u5]})],component:___WEBPACK_IMPORTED_MODULE_1__.M},Basic=(args=>({props:args,template:'\n        <div class="cds--form-item">\n            <div class="cds--time-picker">\n                <cds-timepicker-select>\n                    <option selected value="AM">AM</option>\n                    <option value="PM">PM</option>\n                </cds-timepicker-select>\n                <cds-timepicker-select>\n                    <option selected value="Time Zone 1">Time Zone 1</option>\n                    <option value="Time Zone 2">Time Zone 2</option>\n                </cds-timepicker-select>\n            </div>\n        </div>\n    '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <div class="cds--form-item">\n            <div class="cds--time-picker">\n                <cds-timepicker-select>\n                    <option selected value="AM">AM</option>\n                    <option value="PM">PM</option>\n                </cds-timepicker-select>\n                <cds-timepicker-select>\n                    <option selected value="Time Zone 1">Time Zone 1</option>\n                    <option value="Time Zone 2">Time Zone 2</option>\n                </cds-timepicker-select>\n            </div>\n        </div>\n    `\n})',...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]}}]);